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

Покрокова інструкція для сайтів 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стить ваш особистий ID вiджета.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

П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то.

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

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

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

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