Hur du lägger till Asyntai AI-chattbot i Squarespace

Steg-för-steg-guide för Squarespace-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

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>

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod med kodinjektion (Business- och Commerce-planer)

Om du har en Squarespace Business- eller Commerce-plan kan du lägga till chattboten på alla sidor samtidigt med Code Injection:

Logga in på ditt Squarespace-konto och öppna din webbplats
Klicka på Inställningar i den vänstra sidofältet
Klicka på Avancerat
Klicka på Kodinjektion
Scrolla ned till avsnittet Sidfot
Klistra in din Asyntai-inbäddningskod i sidfotens textruta
Klicka på "Save" uppe till vänster

Tips: Att lägga till koden i sidfotsavsnittet placerar den precis före den avslutande </body>-taggen, vilket är den rekommenderade placeringen för chattwidgetar och inte bromsar sidladdningen.

Alternativ: Använda kodblock (alla planer)

Om du har en Personal-plan eller föredrar att lägga till chatboten på specifika sidor kan du använda kodblock:

Öppna din webbplats i Squarespace Editor
Navigera till sidan där du vill lägga till chattbotten
Klicka på "Edit" på sidan
Håll muspekaren över en sektion och klicka på "+ Add Block"
Scrolla ner och välj "Code"
Klicka på pennikonen för att redigera kodblocket
Klistra in din Asyntai-inbäddningskod
Klicka utanför blocket för att stänga redigeraren
Klicka på "Save" i övre vänstra hörnet

Viktigt: När du använder kodblock behöver du lägga till koden på varje sida där du vill att chatboten ska visas. För installation på hela webbplatsen, använd metoden Code Injection ovan (kräver Business- eller Commerce-plan).

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, öppna din webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du sparat och publicerat dina ändringar. Prova att rensa webbläsarens cache eller visa din webbplats i ett inkognitofönster. Squarespace kan ta några minuter att tillämpa kodändringar.

Lägga till AI-sökfältet

AI-sökfältet är en separat widget med egen kod. Lägg till det vid sidan av chatten, eller ensamt. Det kräver Standard-planen eller högre: på en lägre plan visas fältet men returnerar inga resultat.

Lägg till attributet data-replace i script-taggen, så tar fältet platsen för det ditt tema redan har. Lägg till det under Settings, Code Injection, Footer, samma ställe som chattkoden. Squarespace erbjuder Code Injection endast på en Business- eller Commerce-plan, så det krävs för att installera.

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