Как да добавите Asyntai AI чатбот към Squarespace

Ръководство стъпка по стъпка за уебсайтове със Squarespace

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо, отидете във вашето табло на Asyntai и превъртете надолу до секцията „Embed Code“. Копирайте вашия уникален код за вграждане, който ще изглежда така:

<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>, което е препоръчителното местоположение за чат уиджети и няма да забави зареждането на страницата ви.

Алтернатива: Използване на блокове с код

За да добавите чатбота само на определени страници, можете да използвате блокове с код (Code Blocks). Блокът с код изпълнява JavaScript само на план Core, Plus или Advanced (или на по-стар план Business или Commerce).

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

Важно: Когато използвате блокове с код, трябва да добавите кода на всяка страница, на която искате да се показва чатботът. За инсталиране на целия сайт използвайте метода Code Injection по-горе.

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

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

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

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

AI лентата за търсене е отделно приспособление със собствен код. Добавете я заедно с чата или самостоятелно. Изисква план 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>