Slik legger du til Asyntai AI-chatbot på Webflow

Trinn-for-trinn-guide for Webflow-nettsider

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 via nettstedsinnstillinger (alle sider)

To add the chatbot to all pages of your Webflow site at once:

Logg inn på Webflow-kontoen din og velg prosjektet ditt
Klikk på tannhjulikonet (Nettstedsinnstillinger) i venstre sidefelt
Klikk på «Custom Code» i innstillingsmenyen
Bla ned til "Bunntekstkode"-seksjonen (før </body>-taggen)
Lim inn Asyntai-innbyggingskoden din
Klikk på "Lagre endringer"
Publish your site for the changes to go live

Tips: Å legge til koden i Footer-delen plasserer den rett før den avsluttende </body>-taggen, noe som anbefales for chat-widgeter da det ikke vil bremse sideinnlastingen.

Alternativ: Sidespesifikk tilpasset kode

Hvis du bare vil ha chatboten på bestemte sider:

Åpne prosjektet ditt i Webflow Designer
Klikk på Sider-panelet (mappeikon) i venstre sidefelt
Hold musepekeren over siden du vil redigere og klikk på tannhjulikonet
Bla ned til "Egendefinert kode"
Lim inn Asyntai-innbyggingskoden din i "Før </body>-taggen"-seksjonen
Klikk på «Lagre»
Publiser nettstedet ditt

Alternativ: Bruk av Embed-element

Du kan også legge til chatboten ved hjelp av Embed-elementet hvor som helst på siden din:

Åpne prosjektet ditt i Webflow Designer
Klikk på "+"-knappen for å åpne Legg til-panelet
Søk etter "Embed" eller finn det under Komponenter
Dra Embed-elementet til siden din
Lim inn Asyntai-innbyggingskoden din i koderedigereren
Klikk på «Save & Close»
Publiser nettstedet ditt

Viktig: Når du bruker Embed-elementet, må du legge det til på hver side der du vil ha chatboten. For installasjon på hele nettstedet, bruk metoden via Nettstedsinnstillinger ovenfor.

Trinn 3: Bekreft installasjonen

Etter at du har publisert nettstedet ditt, åpne det i en ny nettleserfane eller 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.