Установка виджета на сайт
Виджет подключается одной строкой кода. Ниже — сам код, инструкции для популярных платформ и проверка, что всё заработало.
Чтобы установить чат Rinkoto, вставьте одну строку <script> с вашим ключом сайта перед закрывающим тегом </body>. Виджет появится в правом нижнем углу сразу после сохранения страницы — отдельных плагинов и сборки не требуется.
Код для вставки
Свой ключ (значение data-tenant) вы найдёте в кабинете, в разделе «Код для вставки на сайт». Ключ публичный — его можно смело держать в исходном коде страницы.
<script src="https://app.rinkoto.ru/widget.js" data-tenant="pk_ваш_ключ" data-api="https://app.rinkoto.ru"></script>Вставляйте код перед закрывающим тегом </body>, чтобы он не задерживал отрисовку страницы.
Шаги установки
- 1
Получите код для вставки
Войдите в кабинет и откройте раздел «Код для вставки на сайт» — там готовый фрагмент с вашим ключом.
- 2
Добавьте домен в список разрешённых
В настройках укажите адрес сайта, на котором будет работать виджет. Это защита от использования вашего ключа на чужих сайтах.
- 3
Вставьте код на сайт
Разместите строку перед закрывающим тегом </body> — на всех страницах, где нужен чат.
- 4
Проверьте работу
Откройте сайт, нажмите на кнопку чата и отправьте тестовый вопрос. Ответ ИИ должен прийти за несколько секунд.
- 5
Настройте внешний вид и график
В кабинете задайте цвет, иконку, форму окна и положение виджета, а также часы работы и текст для нерабочего времени.
Инструкции для платформ
- WordPress
- Внешний вид → Редактор тем → footer.php, вставьте код перед </body>. Если тема обновляется, надёжнее использовать плагин для вставки кода в подвал сайта.
- Tilda
- Настройки сайта → Ещё → HTML-код для вставки внутрь body (перед закрывающим тегом). Опубликуйте страницы заново.
- 1С-Битрикс
- Настройки → Настройки продукта → Сайты → Шаблоны сайта: откройте шаблон и добавьте код перед </body>.
- Самописный сайт
- Добавьте строку в общий шаблон страницы (layout, footer include) перед закрывающим тегом </body>.
Вопросы про установку
- Виджет не появился на сайте — что проверить?
- Проверьте три вещи: код действительно попал в HTML страницы (посмотрите исходный код), домен сайта добавлен в список разрешённых в кабинете, и в консоли браузера нет ошибок загрузки скрипта. Чаще всего дело в незаполненном списке доменов.
- Можно ли поставить виджет только на некоторые страницы?
- Да. Виджет появляется там, где вставлен код, поэтому достаточно добавить строку только в нужные шаблоны страниц.
- Виджет замедлит загрузку сайта?
- Бандл весит около 30 КБ и загружается асинхронно, не блокируя отрисовку. Виджет изолирован в Shadow DOM, поэтому не конфликтует со стилями и скриптами сайта.
- Безопасно ли держать ключ в коде страницы?
- Да, ключ публичный по назначению — он только сообщает, какому сайту принадлежит чат. Доступ к переписке и настройкам он не даёт, а список разрешённых доменов не даёт использовать его на чужом сайте.