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

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

Платформа:

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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