Sådan tilføjer du Asyntai AI-chatbot til Squarespace

Trin-for-trin-vejledning til Squarespace-websteder

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard, og rul ned til afsnittet "Embed Code". Kopiér din unikke indlejringskode, som ser sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Tilføj kode med Kodeinjektion

Hvis dit websted har en Squarespace Core-, Plus- eller Advanced-plan (eller en ældre Business- eller Commerce-plan), kan du tilføje chatbotten til alle sider på én gang med Kodeinjektion:

Log ind på din Squarespace-konto og åbn dit websted
Klik på Pages i panelet til venstre
Klik på Custom Code nederst i panelet
Klik på Kodeinjektion
Rul ned til afsnittet Sidefod
Indsæt din Asyntai-indlejringskode i tekstfeltet Sidefod
Klik på "Gem"

Bemærk: I Squarespace 7.0 findes Kodeinjektion under Pages → Website Tools.

Tip: Tilføjelse af koden til afsnittet Sidefod placerer den lige før det afsluttende </body>-tag, hvilket er den anbefalede placering for chat-widgets og ikke vil bremse din sideindlæsning.

Alternativ: Brug af kodeblokke

For kun at tilføje chatbotten til bestemte sider kan du bruge kodeblokke (Code Blocks). En kodeblok kører kun JavaScript med en Core-, Plus- eller Advanced-plan (eller en ældre Business- eller Commerce-plan).

Åbn dit websted i Squarespace-editoren
Naviger til den side, hvor du vil tilføje chatbotten
Klik på "Rediger" på siden
Hold musen over et afsnit og klik på "+ Tilføj blok"
Rul ned og vælg "Kode"
Klik på blyantsikonet for at redigere kodeblokken
Indsæt din Asyntai indlejringskode
Sørg for, at blokkens Mode-menu er sat til HTML
Klik uden for blokken for at lukke editoren
Klik på "Gem"

Vigtigt: Når du bruger kodeblokke, skal du tilføje koden på hver side, hvor chatbotten skal vises. Brug Kodeinjektion-metoden ovenfor for at installere på hele webstedet.

Trin 3: Verificér installationen

Efter at have gemt dine ændringer skal du åbne dit websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Sørg for, at du har gemt og publiceret dine ændringer. Prøv at rydde din browsercache eller se dit websted i et inkognitovindue. Squarespace kan tage et par minutter at anvende kodeændringer. Koden kører nogle gange ikke, mens du er logget ind på Squarespace, så tjek webstedet i et privat vindue.

Tilføj AI-søgefeltet

AI-søgefeltet er en separat widget med sin egen kode. Tilføj det sammen med chatten eller alene. Det kræver Standard-planen eller højere: på en lavere plan vises feltet, men returnerer ingen resultater.

Tilføj attributten data-replace til script-tagget, så erstatter feltet det søgefelt, dit tema allerede har. Tilføj det under Pages, Custom Code, Kodeinjektion, Sidefod, samme sted som chatkoden. Squarespace tilbyder kun Kodeinjektion med en Core-, Plus- eller Advanced-plan (eller en ældre Business- eller Commerce-plan), så du skal have en af dem for at installere dette.

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