Инструкция

Как установить ИИ-консультанта на сайт Tilda

Виджет SimpleBot ставится на Tilda через стандартный блок T123 «HTML-код». Понадобится 5 минут и никакого программирования.

Что понадобится: бот в SimpleBot с загруженной базой знаний и доступ к редактору сайта на Tilda. Блок T123 «HTML-код» должен быть доступен в вашем тарифе Tilda: если его нет в библиотеке блоков, проверьте условия тарифа.

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

В кабинете SimpleBot откройте своего бота и перейдите в раздел «Тест и установка». Сначала задайте боту несколько вопросов прямо там, чтобы убедиться, что он отвечает правильно. Затем скопируйте код виджета целиком. Он выглядит так:

<script>
  window.CHAT_WIDGET_CONFIG = {
    "apiUrl": "https://simplebot.online/api/chat",
    "siteId": "bot_xxxxxxxxxxxxxxxx",
    "responseLanguage": "ru",
    "title": "Чат",
    "subtitle": "Онлайн"
  };
</script>
<script src="https://simplebot.online/widget/chat-widget.js" defer></script>

Это пример. Берите код из своего кабинета: в нём стоит идентификатор именно вашего бота (siteId).

Шаг 2. Добавьте на страницу блок «HTML-код»

  1. Откройте нужную страницу в редакторе Tilda.
  2. Нажмите «Все блоки» (или «+» между блоками).
  3. Выберите категорию «Другое» и блок T123 «HTML-код».
  4. Нажмите «Контент» у добавленного блока, вставьте код и нажмите «Сохранить и закрыть».

Место блока на странице не важно: окно чата всё равно появится в правом нижнем углу. Удобно ставить его в самый низ страницы.

Шаг 3. Опубликуйте и проверьте

Нажмите «Опубликовать» и откройте страницу по её адресу. В правом нижнем углу появится кнопка чата. В режиме редактирования и предпросмотра Tilda виджет не запускается, так что проверять нужно именно опубликованную страницу.

Как показать чат на всех страницах сайта

Чтобы не добавлять блок на каждую страницу, вставьте его в общий подвал. Создайте отдельную страницу-подвал с блоком T123, затем в «Настройках сайта» откройте раздел «Хедер и футер» и выберите эту страницу как футер для всего сайта. После этого переопубликуйте страницы.

Если чат не появился

  • Страница не переопубликована. После вставки кода нужно нажать «Опубликовать».
  • Скопирована только часть кода. Нужны оба тега <script>: с настройками и с подключением chat-widget.js.
  • Блок скрыт. Проверьте в настройках блока, что он не скрыт на мобильных или на компьютере.
  • Кэш браузера. Откройте страницу в режиме инкогнито.

Если не получается, напишите нам на support@simplebot.online или в Telegram, приложив ссылку на страницу.

Частые вопросы

Подойдёт ли любой тариф Tilda?+
Нужен тариф, в котором доступен блок T123 «HTML-код». Если вы не видите его в категории «Другое», проверьте ограничения своего тарифа в Tilda.
Можно ли поменять цвет и название чата?+
Да, в настройках бота в кабинете SimpleBot. После изменения настроек код на Tilda менять не нужно.
Бот отвечает неправильно, что делать?+
Проверьте, есть ли нужные сведения в базе знаний, и добавьте недостающие страницы или PDF. Как это сделать, описано в инструкции «База знаний».