Hoe u de Asyntai AI-chatbot toevoegt aan Bludit

Stapsgewijze handleiding voor Bludit CMS

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 de HTML Code-plugin (aanbevolen)

De eenvoudigste manier om de chatbot aan uw Bludit-site toe te voegen is via de ingebouwde HTML Code-plugin:

Log in op uw Bludit-beheerpaneel
Navigeer naar Plugins in de linkerzijbalk
Zoek de "HTML Code"-plugin (deze is meestal voorgeïnstalleerd)
Indien niet actief, klik op "Activeren" om het in te schakelen
Klik op "Configure" bij de HTML Code-plugin
In de configuratie ziet u velden voor Header- en Footer-code
Plak uw Asyntai-insluitcode in het veld "Footer"
Klik op "Save"

Tip: Het toevoegen van code aan de Footer zorgt ervoor dat deze aan het einde van uw pagina's wordt geladen, wat het laden van uw site niet vertraagt. Deze methode voegt de chatbot automatisch toe aan alle pagina's van uw site.

Alternatieve methode 1: Integratie via themabestanden

Voor meer controle kunt u de code rechtstreeks aan uw themabestanden toevoegen:

Maak verbinding met uw Bludit-installatie via FTP of Bestandsbeheer
Navigeer naar /bl-themes/your-theme-name/
Open het bestand index.php om te bewerken
Zoek de afsluitende </body>-tag
Plak uw Asyntai-insluitcode net vóór de </body>-tag
Sla het bestand op
Wis uw sitecache indien van toepassing

Opmerking: Zorg ervoor dat u bij het rechtstreeks bewerken van themabestanden eerst een back-up maakt van het originele bestand. Thema-updates kunnen uw wijzigingen overschrijven, dus documenteer uw aanpassingen.

Alternatieve methode 2: Aangepaste inhoud op pagina's

U kunt de chatbotcode ook rechtstreeks aan specifieke pagina's toevoegen via de inhoudseditor van Bludit:

Log in op uw Bludit-beheerpaneel
Ga naar Inhoud en selecteer de pagina die u wilt bewerken
Schakel over naar HTML-modus in de editor (als u een visuele editor gebruikt)
Voeg uw Asyntai-insluitcode ergens in de pagina-inhoud toe
Klik op "Save"
Herhaal dit voor andere pagina's waar u de chatbot wilt

Belangrijk: Bij het rechtstreeks toevoegen van code aan pagina-inhoud moet u dit voor elke pagina afzonderlijk doen. Gebruik voor een sitewijde installatie in plaats daarvan de HTML Code-plugin of de themabestandsmethode.

Plugin Hooks gebruiken (geavanceerd)

Voor ontwikkelaars die aangepaste plugins maken, biedt Bludit plugin-hooks:

siteBodyBegin - Wordt uitgevoerd aan het begin van de <body>-tag
siteBodyEnd - Wordt uitgevoerd aan het einde, ideaal voor JavaScript-code zoals de Asyntai-widget

U kunt een aangepaste plugin maken die de siteBodyEnd-hook gebruikt om de chatbotcode op alle pagina's te injecteren.

Stap 3: Installatie verifiëren

Bezoek na het opslaan van uw wijzigingen uw Bludit-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.

Ziet u de widget niet? Zorg ervoor dat u de pluginconfiguratie of wijzigingen in themabestanden hebt opgeslagen. Wis uw browsercache en de cache van Bludit (indien ingeschakeld). Controleer de browserconsole (F12) op JavaScript-fouten.