Як додати AI чат-бот Asyntai до Squarespace
Покрокова інструкція для вебсайтів Squarespace
Крок 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: Додати код за допомогою Code Injection (плани Business та Commerce)
Якщо у вас план Squarespace Business або Commerce, ви можете додати чат-бот на всі сторінки одразу за допомогою Code Injection:
- Log in to your Squarespace account and open your site
- Натисніть Settings на лівій бічній панелі
- Натисніть Advanced
- Натисніть Code Injection
- Прокрутіть вниз до розділу Footer
- Вставте ваш код вбудовування Asyntai у текстове поле Footer
- Натисніть "Save" у верхньому лівому куті
Порада: Додавання коду до розділу Footer розміщує його безпосередньо перед закриваючим тегом </body>, що є рекомендованим розміщенням для чат-віджетів і не сповільнить завантаження вашої сторінки.
Альтернатива: Використання блоків коду (усі плани)
Якщо ви на плані Personal або хочете додати чат-бот лише на певні сторінки, ви можете використовувати блоки коду:
- Відкрийте ваш сайт у редакторі Squarespace
- Перейдiть на сторiнку, де ви хочете додати чатбот
- Натисніть "Edit" на сторінці
- Наведіть курсор на розділ та натисніть "+ Add Block"
- Прокрутіть вниз та виберіть "Code"
- Натисніть значок олівця, щоб відредагувати блок коду
- Вставте ваш код для вставки Asyntai
- Натисніть за межами блоку, щоб закрити редактор
- Натисніть "Save" у верхньому лівому куті
Важливо: При використанні блоків коду вам потрібно додати код на кожну сторінку, де ви хочете, щоб чат-бот з'являвся. Для встановлення на весь сайт використовуйте метод Code Injection вище (потрібен план Business або Commerce).
Крок 3: Перевiрте встановлення
Після збереження змін відкрийте ваш вебсайт у новій вкладці браузера або у вікні інкогніто. Ви повинні побачити кнопку чат-віджета у нижньому правому куті. Натисніть на неї, щоб переконатися, що вона відкривається та працює коректно.
Не бачите вiджет? Переконайтеся, що ви зберегли та опублікували зміни. Спробуйте очистити кеш браузера або переглянути сайт у вікні інкогніто. Squarespace може знадобитися кілька хвилин для застосування змін коду.
Weebly