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

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

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

  1. Как настроить параметры виджета
  2. Как установить виджет на сайт
  3. Как изменить положение виджета на сайте
  4. Как настроить отображение виджета по графику работы

Как настроить параметры виджета

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

Параметр Описание Допустимые значения
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
  1. На вкладке Виджет скопируйте код виджета для нужного чата.
  2. Вставьте код на тех страницах, для которых должен отображаться чат. Например, если вы хотите добавить чат на каждую страницу, добавьте код виджета в файл, который отвечает за генерацию «подвала» («footer») всех страниц сайта.

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

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

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

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

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

Как изменить положение виджета на сайте

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

Как настроить отображение виджета по графику работы

В настоящее время виджет отображается в режиме 24/7. Вы можете предупредить пользователей о режиме работы организации, например. в приветственном сообщении.