Перейти к содержимому
← Блог

Как поставить чат-виджет на Tilda, WordPress и Битрикс

  • 2 мин чтения
  • Команда Embedo

Чтобы ассистент появился на сайте, разработчик не нужен. Кабинет Embedo выдаёт одну строку кода, её вставляют на сайт один раз. Ниже общая схема и места вставки для самых частых платформ.

Что нужно заранее

  • готовый ассистент в кабинете с указанным адресом сайта;
  • код виджета: он лежит в разделе установки;
  • доступ к настройкам сайта.

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

Tilda

  1. Откройте нужную страницу и добавьте блок «Т123. Вставка HTML-кода» из раздела «Другое».
  2. Вставьте в него код виджета.
  3. Если ассистент нужен на всех страницах, вставьте код в настройках сайта в разделе «Ещё» → «HTML-код для вставки внутрь HEAD или BODY».
  4. Опубликуйте страницы заново: пока не опубликуете, изменения на сайте не появятся.

WordPress

Самый простой путь: плагин, который добавляет произвольный код в подвал сайта. Установите такой плагин, откройте его настройки и вставьте код в поле для подвала. Если вы уверенно правите тему, можно добавить код в шаблон подвала, но плагин безопаснее: обновление темы не сотрёт вставку.

Битрикс24 (сайты)

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

Сайты на Next.js и самописные

Добавьте код в общий шаблон страниц, чтобы он попадал на все страницы. В Next.js это обычно корневой layout.

Как проверить

  1. Откройте сайт в окне без авторизации.
  2. Внизу справа должна появиться круглая кнопка чата.
  3. Задайте вопрос, ответ на который есть в ваших материалах.
  4. Загляните в кабинет: диалог должен появиться в списке.

Виджет весит около 100 КБ, не ломает вёрстку и не влияет на стили вашего сайта. Внешний вид можно менять в кабинете: изменения применяются без правки кода на сайте.

Если кнопка не появилась

  • проверьте, что адрес сайта в кабинете совпадает с реальным, включая www или его отсутствие;
  • убедитесь, что страница опубликована после вставки;
  • очистите кеш браузера и сайта, если у вас включено кеширование.