Як додати AI чат-бот Asyntai до Weebly

Покрокова iнструкцiя для сайтiв Weebly

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примiтка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Оберiть метод встановлення

Є кiлька способiв додати вiджет чату на ваш сайт Weebly. Оберiть метод, який найкраще вам пiдходить:

Метод 1: Код футера для всього сайту (Рекомендовано)

Цей метод автоматично додає чат-бот на кожну сторiнку вашого сайту Weebly.

Увiйдiть у свiй облiковий запис Weebly та вiдкрийте редактор сайту
Натиснiть на Settings у верхньому меню
Оберiть SEO на лiвiй бiчнiй панелi
Прокрутiть вниз, щоб знайти роздiл Footer Code
Вставте код вбудовування Asyntai в поле Footer Code
Натиснiть Save
Натиснiть Publish, щоб змiни стали активними

Чому Footer Code? Додавання скрипту в футер забезпечує його завантаження пiсля вмiсту сторiнки, що оптимально для продуктивностi та не сповiльнює ваш сайт.

Метод 2: Встановлення на одну сторiнку

Якщо ви хочете мати чат-бот лише на певних сторiнках, використовуйте цей метод для кожної сторiнки:

У редакторi Weebly натиснiть на Pages у верхньому меню
Оберiть сторiнку, на яку хочете додати чат-бот
Натиснiть на SEO Settings (або Advanced Settings) для цiєї сторiнки
Знайдiть роздiл Footer Code
Вставте ваш код для вставки Asyntai
Натиснiть Save
Повторiть для будь-яких iнших сторiнок, де ви хочете мати чат-бот
Натиснiть Publish, щоб змiни стали активними

Примiтка: Код на рiвнi сторiнки впливає лише на цю конкретну сторiнку. Якщо ви хочете чат-бот на кiлькох сторiнках, метод для всього сайту є ефективнiшим.

Метод 3: Використання елемента Embed Code

Ви також можете використовувати елемент Embed Code вiд Weebly, хоча метод футера є переважним для вiджетiв чату:

У редакторi Weebly перейдiть на вкладку Build
Знайдiть елемент Embed Code в роздiлi Basic
Перетягнiть елемент Embed Code на вашу сторiнку (бажано ближче до низу)
Натиснiть на елемент та оберiть Edit Custom HTML
Вставте ваш код для вставки Asyntai
Натиснiть за межами елемента, щоб зберегти
Натиснiть Publish, щоб змiни стали активними

Важливо: Елемент Embed Code не показує попереднiй перегляд у редакторi. Вам потрiбно опублiкувати сайт, щоб побачити роботу чат-бота.

Крок 3: Перевiрте встановлення

Пiсля публiкацiї сайту вiдвiдайте свiй веб-сайт у новiй вкладцi браузера або у режимi iнкогнiто. Ви повиннi побачити кнопку вiджета чату в правому нижньому кутi. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює правильно.

Не бачите вiджет? Weebly не показує попереднiй перегляд для коду, доданого в роздiли header/footer. Переконайтеся, що ви натиснули "Publish", щоб ваш змiни стали активними. Спробуйте очистити кеш браузера або переглянути в режимi iнкогнiто.

Примiтка щодо Weebly Square Online

Якщо ви використовуєте Square Online (платформу електронної комерцiї Weebly), кроки аналогiчнi:

Перейдiть до панелi керування Square Online
Перейдiть до Website > Site Settings
Знайдiть Advanced Settings або Custom Code
Додайте код вбудовування Asyntai в роздiл футера
Збережiть та опублiкуйте змiни

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