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

Trin-for-trin-guide til Webflow-hjemmesider

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

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

Log ind på din Webflow-konto og vælg dit projekt
Klik på tandhjulsikonet (Webstedsindstillinger) i den venstre sidebjælke
Klik på "Brugerdefineret kode" i indstillingsmenuen
Rul ned til sektionen "Sidefodskode" (før </body>-tagget)
Indsæt din Asyntai indlejringskode
Klik på "Gem ændringer"
Publicer dit websted for at aktivere ændringerne

Tip: Tilføjelse af koden til sidefodssektionen placerer den lige før det afsluttende </body>-tag, hvilket anbefales til chat-widgets, da det ikke vil bremse din sideindlæsning.

Alternativ: Sidespecifik brugerdefineret kode

Hvis du kun ønsker chatbotten på specifikke sider:

Åbn dit projekt i Webflow Designer
Klik på Sider-panelet (mappeikonet) i den venstre sidebjælke
Hold musen over den side, du vil redigere, og klik på tandhjulsikonet
Rul ned til "Brugerdefineret kode"
Indsæt din Asyntai-indlejringskode i sektionen "Før </body>-tagget"
Klik på "Gem"
Publicer dit websted

Alternativ: Brug af indlejringselement

Du kan også tilføje chatbotten ved hjælp af indlejringselementet et vilkårligt sted på din side:

Åbn dit projekt i Webflow Designer
Klik på "+"-knappen for at åbne Tilføj-panelet
Søg efter "Embed" eller find det under Komponenter
Træk indlejringselementet til din side
Indsæt din Asyntai-indlejringskode i kode-editoren
Klik på "Gem og luk"
Publicer dit websted

Vigtigt: Når du bruger indlejringselementet, skal du tilføje det til hver side, hvor du ønsker chatbotten. For installation på hele webstedet skal du bruge metoden via Webstedsindstillinger ovenfor.

Trin 3: Verificér installationen

Efter at have publiceret dit websted, åbn det 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.