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

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

Платформа:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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>

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

Крок 2: Додати код за допомогою Code Injection (плани Business та Commerce)

Якщо у вас план Squarespace Business або Commerce, ви можете додати чат-бот на всі сторінки одразу за допомогою Code Injection:

Увійдіть до свого облікового запису Squarespace та відкрийте свій сайт
Натисніть Settings на лівій бічній панелі
Натисніть Advanced
Натисніть Code Injection
Прокрутіть вниз до розділу Footer
Вставте ваш код вбудовування Asyntai у текстове поле Footer
Натисніть "Save" у верхньому лівому куті

Порада: Додавання коду до розділу Footer розміщує його безпосередньо перед закриваючим тегом </body>, що є рекомендованим розміщенням для чат-віджетів і не сповільнить завантаження вашої сторінки.

Альтернатива: Використання блоків коду (усі плани)

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

Відкрийте ваш сайт у редакторі Squarespace
Перейдіть на сторінку, де ви хочете додати чатбот
Натисніть "Edit" на сторінці
Наведіть курсор на розділ та натисніть "+ Add Block"
Прокрутіть вниз та виберіть "Code"
Натисніть значок олівця, щоб відредагувати блок коду
Вставте ваш код для вставки Asyntai
Натисніть за межами блоку, щоб закрити редактор
Натисніть "Save" у верхньому лівому куті

Важливо: При використанні блоків коду вам потрібно додати код на кожну сторінку, де ви хочете, щоб чат-бот з'являвся. Для встановлення на весь сайт використовуйте метод Code Injection вище (потрібен план Business або Commerce).

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

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

Не бачите віджет? Переконайтеся, що ви зберегли та опублікували зміни. Спробуйте очистити кеш браузера або переглянути сайт у вікні інкогніто. Squarespace може знадобитися кілька хвилин для застосування змін коду.

Додавання рядка пошуку зі ШІ

Рядок пошуку зі ШІ - окремий віджет із власним кодом. Додайте його поруч із чатом або окремо. Потрібен тариф Standard або вищий: на нижчому рядок з являється, але результатів не повертає.

Додайте атрибут data-replace до тега script, і рядок займе місце того, що вже є у вашій темі. Додайте його в Settings, Code Injection, Footer, туди ж, куди й код чату. Squarespace надає Code Injection лише на тарифі Business або Commerce, тож він потрібен для встановлення.

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