Hoe voegt u de Asyntai AI Chatbot toe aan Webflow

Stap-voor-stap handleiding voor Webflow-websites

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Code toevoegen via Site-instellingen (alle pagina's)

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

Log in op uw Webflow-account en selecteer uw project
Klik op het tandwielpictogram (Site-instellingen) in de linkerzijbalk
Klik op "Custom Code" in het instellingenmenu
Scroll naar beneden naar het gedeelte "Footer Code" (vóór de </body>-tag)
Plak uw Asyntai-insluitcode
Klik op "Save Changes"
Publish your site for the changes to go live

Tip: Het toevoegen van de code aan het Footer-gedeelte plaatst deze vlak voor de afsluitende </body>-tag, wat aanbevolen is voor chatwidgets omdat het uw pagina niet vertraagt.

Alternatief: Paginaspecifieke aangepaste code

Als u de chatbot alleen op specifieke pagina's wilt:

Open uw project in de Webflow Designer
Klik op het Paginapaneel (mappictogram) in de linkerzijbalk
Beweeg de muis over de pagina die u wilt bewerken en klik op het tandwielpictogram
Scroll naar beneden naar "Custom Code"
Plak uw Asyntai-insluitcode in het gedeelte "Before </body> tag"
Klik op "Save"
Publiceer uw site

Alternatief: Embed-element gebruiken

U kunt de chatbot ook toevoegen met het Embed-element, waar dan ook op uw pagina:

Open uw project in de Webflow Designer
Klik op de "+"-knop om het toevoegpaneel te openen
Zoek naar "Embed" of vind het onder Components
Sleep het Embed-element naar uw pagina
Plak uw Asyntai-insluitcode in de code-editor
Klik op "Save & Close"
Publiceer uw site

Belangrijk: Wanneer u het Embed-element gebruikt, moet u het toevoegen aan elke pagina waar u de chatbot wilt. Voor een sitewijde installatie gebruikt u de hierboven beschreven methode via Site-instellingen.

Stap 3: Installatie verifiëren

Open na het publiceren van uw site deze in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop rechtsonder moeten zien. Klik erop om te controleren of deze correct opent en werkt.