Как да добавите Asyntai AI чатбот към 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>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Добавяне на код чрез Code Injection (Business & Commerce планове)

Ако имате Squarespace Business или Commerce план, можете да добавите чатбота на всички страници наведнъж чрез Code Injection:

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

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

Алтернатива: Използване на Code Blocks (Всички планове)

Ако сте на Personal план или предпочитате да добавите чатбота само на конкретни страници, можете да използвате Code Blocks:

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

Важно: При използване на Code Blocks ще трябва да добавите кода на всяка страница, където искате да се показва чатботът. За инсталация на целия сайт използвайте метода Code Injection по-горе (изисква Business или Commerce план).

Стъпка 3: Проверка на инсталацията

След като запазите промените си, отворете уебсайта си в нов раздел на браузъра или в прозорец инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Щракнете върху него, за да се уверите, че се отваря и работи правилно.

Не виждате уиджета? Уверете се, че сте запазили и публикували промените си. Опитайте да изчистите кеша на браузъра или да разгледате сайта си в прозорец инкогнито. Squarespace може да отнеме няколко минути, за да приложи промените в кода.

Добавяне на AI лентата за търсене

AI лентата за търсене е отделно приспособление със собствен код. Добавете я заедно с чата или самостоятелно. Изисква план Standard или по-висок: при по-нисък лентата се показва, но не връща резултати.

Добавете атрибута data-replace към скрипта и лентата ще замести тази, която темата ви вече има. Добавете го в 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>