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

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

Платформа:

Шаг 1: Получите код встраивания

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

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

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

Шаг 2: Выберите способ установки

Существует несколько способов добавить виджет чата на ваш сайт Weebly. Выберите тот, который лучше всего вам подходит:

Способ 1: Код в футере для всего сайта (рекомендуется)

Этот метод автоматически добавляет чат-бот на каждую страницу вашего сайта на Weebly.

Войдите в ваш аккаунт Weebly и откройте редактор сайта
Нажмите на Settings в верхнем меню
Выберите SEO в левой боковой панели
Прокрутите вниз и найдите раздел Footer Code
Вставьте код встраивания Asyntai в поле «Код футера»
Нажмите Save
Нажмите Опубликовать, чтобы изменения вступили в силу

Зачем код в нижнем колонтитуле? Добавление скрипта в футер гарантирует загрузку после контента страницы — это оптимально для производительности и не замедлит сайт.

Способ 2: Установка на отдельную страницу

Если вы хотите, чтобы чат-бот отображался только на определённых страницах, используйте этот метод для каждой страницы:

В редакторе Weebly нажмите на Страницы в верхнем меню
Выберите страницу, на которую хотите добавить чат-бот
Нажмите на Настройки SEO (или Расширенные настройки) для этой страницы
Найдите раздел Footer Code
Вставьте код встраивания Asyntai
Нажмите Save
Повторите для любых других страниц, где нужен чат-бот
Нажмите Опубликовать, чтобы изменения вступили в силу

Примечание: Код уровня страницы влияет только на эту конкретную страницу. Если вы хотите разместить чат-бот на нескольких страницах, общесайтовый метод эффективнее.

Способ 3: Через элемент встроенного кода

Вы также можете использовать элемент Embed Code в Weebly, хотя для виджетов чата предпочтителен метод нижнего колонтитула:

В редакторе Weebly перейдите на вкладку Build
Найдите элемент Embed Code в разделе Basic
Перетащите элемент Embed Code на вашу страницу (желательно ближе к низу)
Нажмите на элемент и выберите Edit Custom HTML
Вставьте код встраивания Asyntai
Нажмите за пределами элемента, чтобы сохранить
Нажмите Опубликовать, чтобы изменения вступили в силу

Важно: Элемент с кодом встраивания не отображается в предпросмотре редактора. Вам нужно опубликовать сайт, чтобы увидеть чат-бот в работе.

Шаг 3: Проверка установки

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

Виджет не отображается? Weebly не показывает предварительный просмотр для кода, добавленного в разделы шапки/футера. Нажмите «Опубликовать», чтобы изменения вступили в силу. Очистите кеш браузера или откройте в режиме инкогнито.

Примечание по Weebly Square Online

Если вы используете Square Online (платформу электронной коммерции Weebly), шаги аналогичны:

Перейдите в панель управления Square Online
Перейдите в Website > Site Settings
Найдите Advanced Settings или Custom Code
Добавьте код Asyntai в секцию подвала
Сохранить и опубликовать изменения

Документация