Как добавить ИИ-чат-бот 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>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Добавьте код через Code Injection (тарифы Business и Commerce)

Если у вас план Squarespace Business или Commerce, вы можете добавить чат-бот на все страницы сразу через внедрение кода:

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

Совет: Добавление кода в раздел футера помещает его непосредственно перед закрывающим тегом </body> — это рекомендуемое расположение для чат-виджетов, не замедляющее загрузку страницы.

Альтернатива: Через блоки кода (все тарифы)

Если вы на плане Personal или предпочитаете добавлять чат-бот только на определённые страницы, вы можете использовать блоки кода:

Откройте свой сайт в редакторе Squarespace
Перейдите на страницу, куда хотите добавить чат-бот
Нажмите «Edit» на странице
Наведите курсор на раздел и нажмите «+ Добавить блок»
Прокрутите вниз и выберите «Код»
Нажмите на значок карандаша, чтобы отредактировать блок кода
Вставьте код встраивания Asyntai
Нажмите за пределами блока, чтобы закрыть редактор
Нажмите "Save" в левом верхнем углу

Важно: При использовании блоков кода нужно добавлять код на каждую страницу, где должен появляться чат-бот. Для установки на весь сайт используйте метод инъекции кода выше (требуется план 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>