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

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

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

  1. Настроить параметры виджета
  2. Установить виджет на сайт

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

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

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