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

Gå först till din Asyntai-instrumentpanel och scrolla ned till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod, som ser ut så här:

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

Om din webbplats har en Squarespace Core-, Plus- eller Advanced-plan (eller en äldre Business- eller Commerce-plan) kan du lägga till chattbotten på alla sidor på en gång med Code Injection:

Logga in på ditt Squarespace-konto och öppna din webbplats
Klicka på Pages i den vänstra panelen
Klicka på Custom Code längst ned i panelen
Klicka på Kodinjektion
Scrolla ned till avsnittet Sidfot
Klistra in din Asyntai-inbäddningskod i sidfotens textruta
Klicka på "Spara"

Obs! I Squarespace 7.0 finns Code Injection under Pages → Website Tools.

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

För att bara lägga till chattbotten på vissa sidor kan du använda kodblock. Ett kodblock kör bara JavaScript med en Core-, Plus- eller Advanced-plan (eller en äldre Business- eller Commerce-plan).

Ö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
Se till att blockets Mode-meny är inställd på HTML
Klicka utanför blocket för att stänga redigeraren
Klicka på "Spara"

Viktigt: När du använder kodblock måste du lägga till koden på varje sida där du vill att chattbotten ska visas. För installation på hela webbplatsen, använd Code Injection-metoden ovan.

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. Ibland körs koden inte medan du är inloggad i Squarespace, så kontrollera webbplatsen i ett privat fönster.

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å ersätter fältet det sökfält som ditt tema redan har. Lägg till det under Pages, Custom Code, Code Injection, Footer, på samma plats som chattkoden. Squarespace erbjuder bara Code Injection med en Core-, Plus- eller Advanced-plan (eller en äldre Business- eller Commerce-plan), så du behöver en sådan för att installera detta.

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