Како додати Asyntai AI чатбот на 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 код за уградњу у текстуално поље Footer
Кликните „Сачувај"

Напомена: У Squarespace 7.0, Code Injection се налази у Pages → Website Tools.

Савет: Додавање кода у Footer секцију га поставља непосредно испред затварајуће ознаке </body>, што је препоручени положај за виџете за ћаскање и неће успорити учитавање ваше странице.

Алтернатива: Коришћење блокова кода

Да бисте четбот додали само на одређене странице, можете да користите блокове кода. Блок кода покреће JavaScript само уз Core, Plus или Advanced план (или старији Business или Commerce план).

Отворите ваш сајт у Squarespace уређивачу
Идите на страницу где желите да додате четбот
Кликните на "Edit" на страници
Пређите мишем преко секције и кликните на "+ Add Block"
Скролујте надоле и изаберите "Code"
Кликните на иконицу оловке да уредите блок кода
Налепите свој Asyntai код за уграђивање
Уверите се да је мени Mode у блоку подешен на HTML
Кликните ван блока да затворите уређивач
Кликните „Сачувај"

Важно: Када користите блокове кода, мораћете да додате код на сваку страницу на којој желите да се четбот појави. За инсталацију на целом сајту користите метод 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>