Hoe voegt u de Asyntai AI-chatbot toe aan e107

Stapsgewijze handleiding voor e107 CMS-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: Toevoegen aan themasjabloon (aanbevolen)

De aanbevolen manier om de chatbot toe te voegen is door uw e107-themasjabloonbestand rechtstreeks te bewerken:

Navigeer naar uw e107-themamap: e107_themes/yourtheme/
Open het hoofdsjabloonbestand van het thema (meestal theme.php of theme.html)
Zoek de afsluitende </body>-tag
Plak uw Asyntai-insluitcode net vóór de </body>-tag:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

Tip: Als uw thema theme.php gebruikt, zoek dan de sectie waar de footer-HTML wordt gerenderd. De insluitcode moet na alle andere inhoud maar vóór de sluitende body-tag worden geplaatst.

Alternatieve methode 1: e107 aangepaste header/footer gebruiken

U kunt het chatbotscript toevoegen via het e107-beheerderspaneel zonder themabestanden te bewerken:

Log in op uw e107-beheerderspaneel
Ga naar Admin > Preferences > Site Preferences
Zoek de sectie "Custom Footer" of "Footer Scripts"
Plak uw Asyntai-insluitcode in het tekstveld voor footerscripts
Klik op "Save" om de wijzigingen toe te passen

Opmerking: Deze methode is het eenvoudigst als u wilt voorkomen dat u themabestanden rechtstreeks bewerkt. Het script wordt automatisch op elke pagina van uw e107-site opgenomen.

Alternatieve methode 2: e107-plugin gebruiken

Voor een meer modulaire aanpak kunt u een eenvoudige plugin maken of het plugin-hooksysteem gebruiken om het chatbotscript te injecteren:

Maak een eenvoudige plugin of gebruik de "Custom Pages"-plugin
Voeg het script toe via het plugin-hooksysteem van e107 door een e_footer.php-bestand in uw pluginmap te maken
Geef in e_footer.php uw insluitcode weer:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Tip: De plugin-hookaanpak houdt uw chatbotintegratie gescheiden van het thema, zodat deze behouden blijft, zelfs als u van thema wisselt.

Alternatieve methode 3: e107-menusysteem gebruiken

U kunt het ingebouwde menusysteem van e107 gebruiken om het chatbotscript aan het footergebied toe te voegen:

Log in op uw e107-beheerderspaneel
Ga naar Admin > Menus
Maak een aangepast HTML-menu
Plak uw Asyntai-insluitcode in de menu-inhoud
Wijs het menu toe aan het footergebied van uw sjabloon
Sla de menuconfiguratie op

Belangrijk: Wanneer u het menusysteem gebruikt, zorg er dan voor dat het menugebied dat u toewijst ruwe HTML-/scriptuitvoer ondersteunt. Sommige menugebieden kunnen scripttags verwijderen voor de beveiliging. Als het script wordt verwijderd, gebruik dan een van de andere methoden.

Stap 3: Installatie verifiëren

Nadat u uw wijzigingen hebt opgeslagen, bezoekt u uw e107-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.

Ziet u de widget niet? Probeer de e107-cache te wissen vanuit het beheerderspaneel onder Admin > Cache. Probeer ook uw browsercache te wissen of in een incognitovenster te bekijken. Zorg ervoor dat uw insluitcode correct is geplaatst en uw unieke widget-ID bevat uit het Dashboard.