Как добавить ИИ-чат-бот Asyntai в Webflow

Пошаговое руководство для сайтов на Webflow

Платформа:

Шаг 1: Get Your Embed Code

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Add Code via Site Settings (All Pages)

Чтобы добавить чат-бот на все страницы сайта Webflow сразу:

Войдите в ваш аккаунт Webflow и выберите проект
Нажмите the gear icon (Site Settings) in the left sidebar
Нажмите на \"Custom Code\" in the settings menu
Прокрутите вниз до раздела «Код футера» (перед тегом </body>)
Вставьте код встраивания Asyntai
Нажмите \"Save Changes\"
Опубликуйте ваш сайт, чтобы изменения вступили в силу

Совет: Добавление кода в раздел футера помещает его непосредственно перед закрывающим тегом </body> — это рекомендуется для чат-виджетов, поскольку не замедляет загрузку страницы.

Альтернатива: Код для конкретной страницы

If you only want the chatbot on specific pages:

Откройте свой проект в Webflow Designer
Нажмите the Pages panel (folder icon) in the left sidebar
Наведите курсор на страницу, которую хотите отредактировать, и нажмите на значок шестерёнки
Прокрутите вниз до раздела «Пользовательский код»
Вставьте код вставки Asyntai в раздел «Перед тегом </body>»
Нажмите \"Save\"
Опубликуйте ваш сайт

Альтернатива: Через элемент встраивания

Вы также можете добавить чат-бот с помощью элемента Embed в любом месте страницы:

Откройте свой проект в Webflow Designer
Нажмите the \"+\" button to open the Add panel
Search for "Embed" or find it under Components
Перетащите элемент Embed на вашу страницу
Вставьте код встраивания Asyntai в редактор кода
Нажмите \"Save & Close\"
Опубликуйте ваш сайт

Важно: При использовании элемента Embed его нужно добавлять на каждую страницу, где должен быть чат-бот. Для установки на весь сайт используйте метод настроек сайта выше.

Шаг 3: Verify Installation

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