Slik legger du til Asyntai AI-chatbot i Squarespace

Trinn-for-trinn-guide for Squarespace-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

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>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Legg til kode med kodeinjeksjon (Business- og Commerce-planer)

Hvis du har en Squarespace Business- eller Commerce-plan, kan du legge til chatboten på alle sider samtidig ved hjelp av kodeinjeksjon:

Logg inn på din Squarespace-konto og åpne nettstedet ditt
Klikk på Innstillinger i venstre sidefelt
Klikk på Avansert
Klikk på Kodeinjeksjon
Bla ned til Bunntekst-seksjonen
Lim inn Asyntai-innbyggingskoden din i bunntekst-tekstboksen
Klikk på «Save» øverst til venstre

Tips: Å legge til koden i bunntekstseksjonen plasserer den rett før den avsluttende </body>-taggen, som er den anbefalte plasseringen for chatwidgeter og ikke vil bremse sideinnlastingen din.

Alternativ: Bruk av kodeblokker (alle planer)

Hvis du er på en Personal-plan eller foretrekker å legge til chatboten på spesifikke sider, kan du bruke kodeblokker:

Åpne nettstedet ditt i Squarespace-redigereren
Naviger til siden der du vil legge til chatboten
Klikk på «Edit» på siden
Hold markøren over en seksjon og klikk på «+ Add Block»
Bla ned og velg «Code»
Klikk på blyantikonet for å redigere kodeblokken
Lim inn Asyntai-innbyggingskoden din
Klikk utenfor blokken for å lukke redigereren
Klikk på «Save» øverst til venstre

Viktig: Når du bruker kodeblokker, må du legge til koden på hver side der du vil at chatboten skal vises. For nettstedsomfattende installasjon, bruk kodeinjeksjonsmetoden ovenfor (krever Business- eller Commerce-plan).

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, åpne nettstedet ditt i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Forsikre deg om at du har lagret og publisert endringene dine. Prøv å tømme nettleserbufferen eller se nettstedet ditt i et inkognitovindu. Squarespace kan bruke noen minutter på å bruke kodeendringene.

Legge til AI-søkefeltet

AI-søkefeltet er en egen widget med sin egen kode. Legg det til sammen med chatten, eller alene. Det krever Standard-planen eller høyere: på en lavere plan vises feltet, men returnerer ingen resultater.

Legg til attributtet data-replace i script-taggen, så tar feltet plassen til det temaet allerede har. Legg det til under Settings, Code Injection, Footer, samme sted som chatkoden. Squarespace tilbyr kun Code Injection på en Business- eller Commerce-plan, så det trengs for å installere.

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