Hoe voegt u de Asyntai AI-chatbot toe aan Tilda

Stapsgewijze handleiding voor Tilda-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 uw volledige site (aanbevolen)

Om de chatbot in één keer aan alle pagina's van uw Tilda-website toe te voegen, gebruikt u de methode Site-instellingen:

Log in op uw Tilda-account en open uw site-editor
Klik op Site-instellingen (tandwielpictogram) in het bovenste menu
Scroll naar beneden naar het gedeelte "More"
Zoek "HTML code for the HEAD section for all pages"
Klik op "Edit code"
Plak uw Asyntai-insluitcode in het tekstvak
Klik op "Save"
Klik op "Publiceren" om wijzigingen op uw live site toe te passen

Tip: Deze methode voegt de chatbot automatisch toe aan elke pagina op uw site. Het is de eenvoudigste manier om ervoor te zorgen dat de chatbot sitebreed beschikbaar is voor uw bezoekers.

Alternatief: T123 Block gebruiken (specifieke pagina's)

Als u de chatbot alleen aan specifieke pagina's wilt toevoegen, kunt u het T123 HTML-blok van Tilda gebruiken:

Open de pagina die u wilt bewerken in de Tilda-editor
Klik op "+ Blok toevoegen" of druk op "T"
Ga in de Block Library naar Other → T123 (Embed HTML Code)
U kunt ook zoeken naar "T123" in de zoekbalk
Klik op het T123-blok om het aan uw pagina toe te voegen
Plak in de blokinstellingen uw Asyntai-insluitcode
Positioneer het blok waar u wilt op uw pagina (dit heeft geen invloed op de plaatsing van de widget)
Klik op "Publish" om de wijzigingen live te zetten

Opmerking: Het T123-blok ondersteunt HTML, JavaScript (binnen <script>-tags) en CSS (binnen <style>-tags). De visuele plaatsing van het blok maakt niet uit - de chatbot verschijnt rechtsonder zoals geconfigureerd.

Head-sectie per pagina (geavanceerd)

Voor meer controle kunt u code toevoegen aan individuele pagina-headsecties:

Open de pagina in de Tilda-editor
Klik op Pagina-instellingen (tandwielpictogram) in het bovenste menu
Ga naar het tabblad "Additional"
Zoek "HTML code for the HEAD section"
Plak uw Asyntai-insluitcode
Klik op "Opslaan" en vervolgens "Publiceren"

Belangrijk: Wanneer u het T123-blok of de per-pagina methode gebruikt, moet u de code toevoegen aan elke pagina waar u de chatbot wilt laten verschijnen. Voor een sitewijde installatie gebruikt u de methode Site-instellingen beschreven in Stap 2.

Stap 3: Installatie verifiëren

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