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

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

Платформа:

Крок 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: Додайте код через Code Injection

Якщо ваш сайт на тарифі Squarespace Core, Plus або Advanced (або на старому тарифі Business чи Commerce), ви можете додати чат-бот одразу на всі сторінки через Code Injection:

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

Примітка: У Squarespace 7.0 Code Injection знаходиться в Pages → Website Tools.

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

Альтернатива: блоки коду

Щоб додати чат-бот лише на певні сторінки, використовуйте блоки коду. Блок коду виконує JavaScript лише на тарифі Core, Plus або Advanced (або на старому тарифі Business чи Commerce).

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

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

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

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

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

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

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

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

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