Hoe voegt u de Asyntai AI-chatbot toe aan Drupal

Stapsgewijze handleiding voor Drupal-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: Header and Footer Scripts-module gebruiken (aanbevolen)

De eenvoudigste manier om de chatbot toe te voegen is met de "Header and Footer Scripts"-module:

Log in op uw Drupal-beheerderspaneel
Ga naar Extend en klik op "Install new module"
Zoek naar "Header and Footer Scripts" of download het van Drupal.org
Installeer en activeer de module
Ga naar Configuration → Development → Header and Footer Scripts
Klik op het tabblad "Footer"
Plak uw Asyntai-insluitcode in het tekstveld voor footerscripts
Klik op "Configuratie opslaan"

Tip: Het toevoegen van de code aan de footersectie zorgt ervoor dat deze na de pagina-inhoud wordt geladen, wat wordt aanbevolen voor chatwidgets.

Alternatief: Themasjabloon bewerken

U kunt de code rechtstreeks aan het sjabloonbestand van uw thema toevoegen:

Navigeer naar uw themamap: themes/your_theme/
Open het bestand html.html.twig (of maak er een aan als het niet bestaat)
Zoek de afsluitende </body>-tag
Plak uw Asyntai-insluitcode net vóór de </body>-tag
Sla het bestand op
Wis de Drupal-cache: Configuration → Performance → Clear all caches

Belangrijk: Wijzigingen aan themabestanden kunnen worden overschreven bij het bijwerken van uw thema. Overweeg een childthema of de Header and Footer Scripts-module te gebruiken voor een meer permanente oplossing.

Alternatief: Libraries gebruiken (voor ontwikkelaars)

Voor ontwikkelaars die liever het asset library-systeem van Drupal gebruiken:

Maak of bewerk het *.libraries.yml-bestand van uw thema
Voeg een nieuw library-item toe:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Koppel de bibliotheek in het *.info.yml-bestand van uw thema:
libraries: - your_theme/asyntai-chatbot
Wis de Drupal-cache

Stap 3: Installatie verifiëren

Nadat u uw wijzigingen hebt opgeslagen en de cache hebt gewist, bezoekt 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 werkt.