Hoe voegt u de Asyntai AI-chatbot toe aan Squarespace

Stapsgewijze handleiding voor Squarespace-websites

Platform:

Stap 1: Uw insluitcode ophalen

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>

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Code toevoegen via Code-injectie (Business & Commerce-abonnementen)

Als u een Squarespace Business- of Commerce-abonnement hebt, kunt u de chatbot in één keer aan alle pagina's toevoegen met Code Injection:

Log in op uw Squarespace-account en open uw site
Klik op Settings in de linkerzijbalk
Klik op Advanced
Klik op Code Injection
Scroll naar beneden naar de sectie Footer
Plak uw Asyntai-insluitcode in het tekstveld Footer
Klik op "Save" linksboven

Tip: Het toevoegen van de code aan de Footer-sectie plaatst deze net vóór de afsluitende </body>-tag, wat de aanbevolen plaatsing is voor chatwidgets en uw paginalading niet vertraagt.

Alternatief: Codeblokken gebruiken (alle abonnementen)

Als u een Personal-abonnement hebt of de chatbot liever alleen aan specifieke pagina's toevoegt, kunt u Codeblokken gebruiken:

Open uw site in de Squarespace Editor
Navigeer naar de pagina waar u de chatbot wilt toevoegen
Klik op "Edit" op de pagina
Beweeg over een sectie en klik op "+ Blok toevoegen"
Scroll naar beneden en selecteer "Code"
Klik op het potloodpictogram om het codeblok te bewerken
Plak uw Asyntai-insluitcode
Klik buiten het blok om de editor te sluiten
Klik op "Save" in de linkerbovenhoek

Belangrijk: Bij het gebruik van Codeblokken moet u de code toevoegen aan elke pagina waar u de chatbot wilt laten verschijnen. Voor een site-brede installatie gebruikt u de Code Injection-methode hierboven (vereist een Business- of Commerce-abonnement).

Stap 3: Installatie verifiëren

Na het opslaan van uw wijzigingen, open uw website in een nieuw browsertabblad of incognitovenster. U zou de chatwidget-knop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Zorg ervoor dat u uw wijzigingen hebt opgeslagen en gepubliceerd. Probeer uw browsercache te wissen of uw site te bekijken in een incognitovenster. Squarespace kan enkele minuten nodig hebben om codewijzigingen toe te passen.

De AI-zoekbalk toevoegen

De AI-zoekbalk is een aparte widget met een eigen code. Voeg hem toe naast de chat, of los. Hij vereist het Standard-abonnement of hoger: bij een lager abonnement verschijnt de balk maar geeft hij geen resultaten.

Voeg het attribuut data-replace toe aan de scripttag en de balk neemt de plaats in van die van uw thema. Voeg het toe onder Settings, Code Injection, Footer, dezelfde plek als de chatcode. Squarespace biedt Code Injection alleen op een Business- of Commerce-abonnement, dus dat heeft u nodig om te installeren.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>