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

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

Шаг 2: Добавьте код через Code Injection

Если ваш сайт на тарифе Squarespace Core, Plus или Advanced (или на старом тарифе Business или Commerce), вы можете добавить чат-бот сразу на все страницы через Code Injection:

Войдите в ваш аккаунт Squarespace и откройте сайт
Нажмите Pages на левой панели
Нажмите Custom Code внизу панели
Нажмите Code Injection
Прокрутите вниз до раздела Footer
Вставьте код встраивания Asyntai в текстовое поле футера
Нажмите «Save»

Примечание: В Squarespace 7.0 Code Injection находится в Pages → Website Tools.

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

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

Чтобы добавить чат-бот только на определённые страницы, используйте блоки кода. Блок кода выполняет JavaScript только на тарифе Core, Plus или Advanced (или на старом тарифе Business или Commerce).

Откройте свой сайт в редакторе Squarespace
Перейдите на страницу, куда хотите добавить чат-бот
Нажмите «Edit» на странице
Наведите курсор на раздел и нажмите «+ Добавить блок»
Прокрутите вниз и выберите «Код»
Нажмите на значок карандаша, чтобы отредактировать блок кода
Вставьте код встраивания 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>