Как установить виджет на сайт

Что получится: кружок чата Hello Kapy на вашем сайте.

Займёт: 3-5 минут.

Шаг 1. Скопируйте код

1. В кабинете откройте раздел «Виджет».
2. Нажмите кнопку «Скопировать» рядом с надписью «Шаг 1: скопируйте сниппет» - код скопируется целиком. Выглядит он примерно так:

<!-- Hello Kapy widget -->
<script>
  (function(d,t){
    var s=d.createElement(t);
    s.src="https://hellokapy.ru/widget.js";
    s.async=true;
    s.dataset.token="ВАШ_ТОКЕН";
    d.body.appendChild(s);
  })(document,"script");
</script>

В вашем коде вместо ВАШ_ТОКЕН уже стоит ваш личный токен. Копируйте кнопкой и ничего не меняйте вручную.

Шаг 2. Вставьте код на сайт

Код вставляется в HTML сайта перед закрывающим тегом </body>. Достаточно вставить его один раз в общий шаблон сайта (подвал, footer) - чат появится на всех страницах автоматически.

• Сайт на Tilda - инструкция «Установка на Tilda».
• Сайт на WordPress - инструкция «Установка на WordPress».
• Другой конструктор - почти в каждом есть настройка «вставить HTML-код на все страницы» (часто называется «код перед » или «сторонние сервисы»); ищите её в настройках сайта.
• Сайт делал подрядчик - перешлите ему готовое «Письмо разработчику», там всё написано за вас.

Шаг 3. Проверьте

Откройте сайт: в правом нижнем углу должен появиться кружок чата. Напишите боту вопрос как гость. Если что-то не так - статья «Как проверить, что виджет работает».

Это безопасно для сайта?

Да. Код асинхронный: он не замедляет загрузку страниц и не вмешивается в работу сайта. Удалить виджет можно в любой момент - просто уберите эту строку.