Hoe voegt u de Asyntai AI-chatbot toe aan Duda

Stapsgewijze handleiding voor Duda-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 aan site-instellingen (aanbevolen)

De eenvoudigste manier om de chatbot aan alle pagina's van uw Duda-website toe te voegen is via Site-instellingen:

Log in op uw Duda-account en open uw website-editor
Klik in de linkerzijbalk op "Meer" (drie puntjes-pictogram)
Klik op "Settings"
Scroll naar beneden en klik op "Head HTML"
Plak in het veld "Body End HTML" uw Asyntai-insluitcode
Klik op "Save"
Klik op "Publish" rechtsboven om uw wijzigingen live te zetten

Tip: Het toevoegen van code aan de Body End HTML-sectie zorgt ervoor dat de chatbot na uw pagina-inhoud wordt geladen, wat de laadsnelheid van uw site niet beïnvloedt. Deze methode voegt de chatbot automatisch toe aan elke pagina op uw site.

Alternatieve methode 1: HTML-widget (specifieke pagina's)

Als u de chatbot alleen aan specifieke pagina's wilt toevoegen, gebruik dan de HTML-widget:

Open de pagina die u wilt bewerken in de Duda-editor
Zoek in de linkerzijbalk naar "HTML" in het widgetspaneel
Sleep de HTML-widget naar een kolom of rij op uw pagina
Klik op de widget om deze te bewerken
Plak uw Asyntai-insluitcode in het codeveld
Klik op "Update"
Klik op "Publish" om de wijzigingen live te zetten

Opmerking: De HTML-widget stelt u in staat aangepaste code overal op uw pagina in te sluiten. De visuele plaatsing van de widget heeft geen invloed op waar de chatbot verschijnt - deze wordt nog steeds weergegeven in de rechteronderhoek zoals geconfigureerd.

Alternatieve methode 2: Ontwikkelaarsmodus (geavanceerd)

Voor gevorderde gebruikers kunt u de ontwikkelaarsmodus gebruiken om code rechtstreeks aan de HTML toe te voegen:

Klik in de Duda-editor op het pictogram Developer Mode in de bovenste balk
Klik op "Site HTML/CSS" om de selectie uit te vouwen
Klik op "body-end.html" in de bestandslijst
Scroll naar de laatste regel van het bestand
Plak uw Asyntai-insluitcode op een nieuwe regel
Klik op "Save"
Klik op "Done" om de ontwikkelaarsmodus te verlaten
Klik op "Publish" om uw wijzigingen te deployen

Belangrijk: De ontwikkelaarsmodus geeft u directe toegang tot de HTML en CSS van uw site. Zorg ervoor dat u alleen code aan het einde van het bestand body-end.html toevoegt om te voorkomen dat de functionaliteit van uw site wordt verstoord. Test wijzigingen altijd voordat u publiceert.

Stap 3: Installatie verifiëren

Nadat u uw wijzigingen hebt gepubliceerd, opent u uw website in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en functioneert.