ИИ-чат на сайт Tilda: пошаговая инструкция и подводные камни

Магазины на Tilda подключаются к ИИ-чату быстрее всех: код вставляется в настройках сайта, а каталог бот обычно находит сам. Но на этих двух шагах есть детали, из-за которых новички теряют час. Разберём по порядку.

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

• Проект в Tilda с опубликованными страницами. Бот читает то, что видит обычный посетитель, поэтому черновики и закрытые паролем страницы для него невидимы.
• Каталог, сделанный через блоки магазина Tilda (у товаров есть свои страницы).
• Карта сайта. Tilda создаёт sitemap.xml сама, если она не отключена в настройках. Проверьте: откройте ваш-сайт.ru/sitemap.xml.
• Условия доставки, оплаты и возврата на страницах сайта, а не в картинках. Из картинок бот текст не читает.

Откуда бот берёт каталог

Страницы товаров Tilda содержат разметку schema.org: название, цену, наличие и фото. Адрес такой страницы содержит /tproduct/. Бот находит эти адреса в карте сайта и читает данные.

Чтобы убедиться, что с вашим магазином всё в порядке, откройте любую карточку товара на отдельной странице. Если у неё есть собственный адрес вида ваш-сайт.ru/catalog/tproduct/..., всё хорошо.

Шаг 1. Получите код

Код выглядит как одна строка:

<script async src="https://api.botnow.ru/widget.js" data-key="ваш_ключ"></script>

Его вы получаете в мастере на botnow.ru после того, как бот изучит сайт и вы проверите ответы.

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

Способ 1. На весь сайт.

1. Откройте проект и зайдите в «Настройки сайта».
2. Раздел «Ещё», поле для вставки HTML-кода (внутрь HEAD или BODY, смотря что доступно на вашем тарифе).
3. Нажмите «Редактировать код», вставьте строку, сохраните.
4. Опубликуйте все страницы. Код из настроек сайта подключается ко всем страницам проекта, но изменения применяются только после публикации.

Способ 2. На отдельную страницу. Добавьте блок T123 «HTML-код» из раздела «Другое», вставьте строку и опубликуйте страницу. Этот способ подходит, если чат нужен только на каталоге и в карточках товаров.

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

Откройте опубликованный сайт в окне без вашей авторизации в Tilda. В правом нижнем углу появится кнопка чата. В мастере BotNow статус сменится на «виджет найден».

Стили Tilda и блоки Zero Block на виджет не влияют: он работает в изолированной оболочке.

Что может пойти не так

Чат не появился. Проверьте по порядку: опубликована ли страница после правки, не вставлен ли код в закомментированный блок, не отключён ли у браузера показ сторонних скриптов (расширение для блокировки рекламы). Откройте консоль браузера: если виджет запретили на этом домене, там будет сообщение.

Бот не находит товары. Чаще всего причины две:

1. Карточки открываются всплывающим окном без собственных адресов, и их нет в карте сайта.
2. Вместо цены указано «цена по запросу». Бот увидит товар, но цену назвать не сможет и скажет, что её нужно уточнить.

В обоих случаях помогает YML-фид или файл со списком товаров. Что это за формат, мы разобрали в статье «YML-фид магазина».

Цены в чате отличаются от цен на сайте. Бот называет цену, которую прочитал при изучении сайта. Если вы поменяли цены позже, перечитайте сайт: автообновление каталога по расписанию мы добавим в личный кабинет.

Корзина Tilda и оформление заказа. Бот не оформляет заказы и не кладёт товары в корзину. Он называет цену, показывает карточку и ведёт на страницу товара, дальше покупатель действует сам.

Что проверить перед запуском

Задайте боту 10 вопросов, которые чаще всего задают ваши покупатели, и отдельно проверьте цены и вопросы про доставку. Как организовать такую проверку, описано в статье «Как проверить ИИ-чат до запуска».

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

BotNow читает интернет-магазин, отвечает покупателям и подбирает товары по бюджету. Сервис готовится к запуску. Как это работает · Написать нам