Hoe voegt u de Asyntai AI-chatbot toe aan Odoo

Stapsgewijze handleiding voor Odoo-websites

Insluitcode ophalen

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 met Code Injection (Odoo 16+)

Als u Odoo versie 16 of later gebruikt, kunt u de ingebouwde Code Injection-functie gebruiken om de chatbot aan alle pagina's toe te voegen:

  1. Log in op uw Odoo-backend en ga naar de Website-app
  2. Klik op Edit om de website-editor te openen
  3. Klik op de optie Theme in de werkbalk van de editor
  4. Navigeer naar Website Settings
  5. Zoek en klik op Code Injection
  6. Klik op de optie </body> om code toe te voegen vóór de afsluitende body-tag
  7. Plak uw Asyntai-insluitcode in de code-editor
  8. Klik op Save om de wijzigingen toe te passen

Tip: Het toevoegen van de code aan de </body>-sectie plaatst deze net vóór de afsluitende body-tag, wat de aanbevolen plaatsing is voor chatwidgets en uw paginalading niet vertraagt.

Alternatief: HTML-editor gebruiken (Odoo 14-15)

Voor Odoo versies 14 en 15 kunt u de HTML-editor gebruiken om de code toe te voegen:

  1. Log in op uw Odoo-backend en ga naar de Website-app
  2. Klik op Edit om de website-editor te openen
  3. Klik op het dropdown-menu Customize
  4. Selecteer HTML/CSS/JS Editor
  5. Kies Hoofdlay-out uit de lijst met bewerkbare sjablonen
  6. Scroll naar de onderkant van de template, net vóór de afsluitende </t>-tag
  7. Plak uw Asyntai-insluitcode
  8. Klik op Save en vernieuw de pagina

Belangrijk: Zorg er bij het rechtstreeks bewerken van de HTML voor dat u geldige XHTML-syntaxis gebruikt. Uw script-tag moet indien nodig zelfsluitend zijn. De wijzigingen worden toegepast op alle pagina's van uw website.

Alternatief: Ontwikkelaarsmethode (aangepaste module)

Als u een ontwikkelaar bent of toegang hebt tot aangepaste Odoo-modules, kunt u een template maken dat overerft van de website-layout:

<template id="asyntai_chatbot" inherit_id="website.layout">
    <xpath expr="//div[@id='wrapwrap']" position="after">
        <script async="async" src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"/>
    </xpath>
</template>

Opmerking: Deze methode vereist het aanmaken van een aangepaste Odoo-module en het toevoegen van de bovenstaande code aan de XML-views van uw module. Na het toevoegen, werk uw modulelijst bij en installeer de module.

Stap 3: Installatie verifiëren

Na het opslaan van uw wijzigingen, open uw website in een nieuw browsertabblad of incognitovenster. U zou de chatwidget-knop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Zorg ervoor dat u uw wijzigingen hebt opgeslagen en uw browsercache hebt gewist. Probeer uw site te bekijken in een incognitovenster. Als u wijzigingen hebt aangebracht via de HTML-editor, moet u mogelijk de pagina vernieuwen of de assetscache van Odoo wissen.