Како додати 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>

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Корак 2: Додајте код коришћењем убацивања кода (Business & Commerce планови)

Ако имате Squarespace Business или Commerce план, можете додати чатбот на све странице одједном коришћењем убацивања кода:

Пријавите се на ваш Squarespace налог и отворите ваш сајт
Кликните на Settings у левој бочној траци
Кликните на Advanced
Кликните на Code Injection
Скролујте надоле до секције Footer
Налепите ваш Asyntai код за уградњу у текстуално поље Footer
Кликните на "Save" у горњем левом углу

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

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

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

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

Важно: Када користите блокове кода, мораћете да додате код на сваку страницу где желите да се чатбот појави. За инсталацију на целом сајту, користите горе наведену методу убацивања кода (захтева Business или Commerce план).

Корак 3: Верификујте инсталацију

Након чувања промена, отворите ваш веб-сајт у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.

Не видите виџет? Проверите да ли сте сачували и објавили ваше измене. Покушајте да обришете кеш прегледача или да прегледате сајт у инкогнито прозору. Squarespace-у може требати неколико минута да примени измене кода.

Додавање AI траке за претрагу

AI трака за претрагу је засебан виџет са сопственим кодом. Додајте је уз ћаскање или самостално. Захтева план 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>