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

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

Платформа:

Шаг 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: Choose Installation Method

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

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

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

Войдите в ваш аккаунт Weebly и откройте редактор сайта
Нажмите на Settings in the top menu
Выберите SEO from the left sidebar
Прокрутите вниз и найдите раздел Footer Code
Вставьте код встраивания Asyntai в поле «Код футера»
Нажмите Save
Нажмите Publish to make the changes live

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

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

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

В редакторе Weebly нажмите на Страницы в верхнем меню
Выберите the page where you want to add the chatbot
Нажмите на Настройки SEO (или Расширенные настройки) для этой страницы
Найдите раздел Footer Code
Вставьте код встраивания Asyntai
Нажмите Save
Повторите для любых других страниц, где нужен чат-бот
Нажмите Publish to make the changes live

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

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

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

В редакторе Weebly перейдите на вкладку Сборка
Найдите элемент Embed Code в разделе Basic
Drag the Embed Code element to your page (preferably near the bottom)
Нажмите на the element and select Edit Custom HTML
Вставьте код встраивания Asyntai
Нажмите outside the element to save
Нажмите Publish to make the changes live

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

Шаг 3: Verify Installation

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

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

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

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

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

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