Виджет на сайте

Опубликованный чат можно добавить на сайт в виде виджета — он будет работать так же, как и на сервисах Яндекса.

Код для вставки чата можно найти на странице управления чатом в Яндекс.Диалогах, на вкладке Виджет. Если чат не опубликован, эта вкладка будет пустой.

Настроить параметры виджета

После публикации диалога перейдите в раздел Виджет, чтобы настроить параметры вашего виджета.

Описание параметров виджета


Параметр	Описание	Допустимые значения
`buttonText`	Текст, отображаемый на кнопке виджета.	Строка.
`collapsedDesktop`	Отображение кнопки виджета на десктопе.	`always` — кнопка виджета содержит только логотип; `hover` — текст, отображаемый на кнопке виджета, открывается при наведении курсора; `never` — кнопка виджета содержит логотип и текст.
`collapsedTouch`	Отображение иконки виджета в мобильном приложении.	`always` — кнопка виджета содержит только логотип; `never` — кнопка виджета содержит логотип и текст.
`title`	Заголовок виджета.	Строка.
`theme`	Внешний вид виджета.	`light` — белый фон кнопки виджета; `dark` — черный фон кнопки виджета.


Параметр	Описание	Допустимые значения
`buttonText`	Текст, отображаемый на кнопке виджета.	Строка.
`collapsedDesktop`	Отображение кнопки виджета на десктопе.	`always` — кнопка виджета содержит только логотип; `hover` — текст, отображаемый на кнопке виджета, открывается при наведении курсора; `never` — кнопка виджета содержит логотип и текст.
`collapsedTouch`	Отображение иконки виджета в мобильном приложении.	`always` — кнопка виджета содержит только логотип; `never` — кнопка виджета содержит логотип и текст.
`title`	Заголовок виджета.	Строка.
`theme`	Внешний вид виджета.	`light` — белый фон кнопки виджета; `dark` — черный фон кнопки виджета.

Установить виджет на сайт

Установка виджета на сайт с CMS

На вкладке Виджет скопируйте код виджета для нужного чата.
Вставьте код на тех страницах, для которых должен отображаться чат. Например, если вы хотите добавить чат на каждую страницу, добавьте код виджета в файл, который отвечает за генерацию подвала (footer) всех страниц сайта.

Если на вашем сайте используется несколько CMS (например, одна отвечает за содержимое сайта, а другая — за форум), не забудьте разместить код виджета во всех нужных местах.

Установка виджета на сайт без CMS

На вкладке Виджет скопируйте код виджета для нужного чата.
Добавьте код виджета в HTML-код тех страниц сайта, на которых должен отображаться чат. Рекомендуем разместить код ближе к концу элемента body, чтобы не замедлять загрузку страницы.

Установка виджета с помощью системы управления тегами

Виджет чата также можно подключить с помощью системы управления тегами , если вы используете ее для вашего сайта. Такие системы позволяют хранить весь необходимый HTML/JavaScript-код на внешнем сервере, и просто подключать его на веб-страницы. При этом изменения в подключаемом коде не требуют изменений в коде страниц сайта.

Чтобы подключить чат:

На вкладке Виджет скопируйте код виджета для нужного чата.
Создайте пользовательский тег с кодом виджета и настройте событие, которое будет выполнять этот тег (например, при просмотре любой страницы сайта, или определенных страниц).