Hoe voegt u de Asyntai AI Chatbot toe aan WordPress

Stap-voor-stap handleiding voor WordPress-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: Kies een installatiemethode

Er zijn verschillende manieren om de chatwidget aan WordPress toe te voegen. Kies de methode die het beste bij u past:

Methode 1: Een plugin gebruiken (aanbevolen)

De eenvoudigste manier om de chatwidget toe te voegen is met een plugin zoals "Insert Headers and Footers" of "WPCode".

WPCode gebruiken (gratis)

Ga naar Plugins → Add New in uw WordPress-admin
Zoek naar "WPCode" en installeer het
Activeer de plugin
Ga naar Code Snippets → Header & Footer
Plak uw Asyntai-insluitcode in het gedeelte "Footer"
Klik op "Save Changes"

Insert Headers and Footers gebruiken

Ga naar Plugins → Add New in uw WordPress-admin
Zoek naar "Insert Headers and Footers" van WPBeginner
Installeer en activeer de plugin
Ga naar Settings → Insert Headers and Footers
Plak uw Asyntai-insluitcode in het vak "Scripts in Footer"
Klik op "Save"

Waarom een plugin gebruiken? Het gebruik van een plugin zorgt ervoor dat uw code behouden blijft, zelfs wanneer u uw WordPress-thema bijwerkt of wijzigt.

Methode 2: Themabestanden bewerken

U kunt de code rechtstreeks aan uw themabestanden toevoegen. De locatie van de Theme File Editor is afhankelijk van uw WordPress-versie en thematype.

Voor klassieke thema's

Ga naar Appearance → Theme File Editor in uw WordPress-admin
Select your active theme from the dropdown (if not already selected)
Zoek en klik op footer.php in de bestandenlijst aan de rechterkant
Scroll naar beneden en zoek de afsluitende </body>-tag
Plak uw Asyntai-insluitcode net vóór de </body>-tag
Klik op "Update File"

Voor blokthema's (FSE-thema's)

Als u een blokgebaseerd thema gebruikt (zoals Twenty Twenty-Four of andere Full Site Editing-thema's), is de Theme File Editor verplaatst:

Ga naar Tools → Theme File Editor in uw WordPress-admin
Selecteer uw actieve thema in het vervolgkeuzemenu
Zoek naar footer.php of footer.html in de bestandenlijst
Voeg uw Asyntai-insluitcode toe vóór de afsluitende </body>-tag
Klik op "Update File"

Opmerking: Sommige blokthema's hebben geen footer.php-bestand. Gebruik in dat geval de pluginmethode (WPCode), die met alle thematypen werkt.

Belangrijk: Thema-updates overschrijven uw wijzigingen. Gebruik voor een permanente oplossing een child-thema of de pluginmethode.

Methode 3: Elementor gebruiken

Als u Elementor gebruikt, kunt u de code toevoegen via de aangepaste codefunctie van Elementor.

Elementor Pro

Ga naar Elementor → Custom Code
Klik op "Add New"
Geef het een naam zoals "Asyntai Chatbot"
Stel Locatie in op "Before </body> End"
Plak uw Asyntai-insluitcode
Stel Weergavevoorwaarden in op "Entire Site"
Klik op "Publish"

Elementor Free

Als u de gratis versie van Elementor gebruikt, gebruik dan de hierboven beschreven pluginmethode, aangezien aangepaste code-injectie Elementor Pro vereist.

Stap 3: Installatie verifiëren

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

Ziet u de widget niet? Wis uw browsercache en eventuele WordPress-cacheplugins. Als u een cacheplugin gebruikt zoals WP Rocket of W3 Total Cache, wis dan de cache na het toevoegen van de code.

Documentatie