Hoe voegt u de Asyntai AI-chatbot toe aan Squarespace

Stapsgewijze handleiding voor Squarespace-websites

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai-dashboard en scrol omlaag naar het gedeelte "Embed Code". Kopieer uw unieke insluitcode, die er zo uitziet:

<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 met Code Injection

Als uw site een Squarespace Core-, Plus- of Advanced-abonnement heeft (of een ouder Business- of Commerce-abonnement), 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 Pages in het linkerpaneel
Klik op Custom Code onderaan het paneel
Klik op Code Injection
Scroll naar beneden naar de sectie Footer
Plak uw Asyntai-insluitcode in het tekstveld Footer
Klik op "Save"

Opmerking: In Squarespace 7.0 staat Code Injection onder Pages → Website Tools.

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: Code Blocks gebruiken

Om de chatbot alleen aan specifieke pagina's toe te voegen, kunt u Code Blocks gebruiken. Een Code Block voert JavaScript alleen uit met een Core-, Plus- of Advanced-abonnement (of een ouder Business- of Commerce-abonnement).

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
Zorg ervoor dat het Mode-menu van het blok is ingesteld op HTML
Klik buiten het blok om de editor te sluiten
Klik op "Save"

Belangrijk: Als u Code Blocks gebruikt, moet u de code toevoegen aan elke pagina waarop u de chatbot wilt laten verschijnen. Gebruik voor installatie op de hele site de Code Injection-methode hierboven.

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. Code wordt soms niet uitgevoerd terwijl u bent ingelogd bij Squarespace, dus controleer de site in een privévenster.

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 deze toe onder Pages, Custom Code, Code Injection, Footer, op dezelfde plek als de chatcode. Squarespace biedt Code Injection alleen aan met een Core-, Plus- of Advanced-abonnement (of een ouder Business- of Commerce-abonnement), dus u hebt er een nodig om dit te installeren.

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