Πώς να Προσθέσετε το Asyntai AI Chatbot στο Odoo

Οδηγός βήμα προς βήμα για ιστότοπους Odoo

Πλατφόρμα:

Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

Πρώτα, μεταβείτε στον Πίνακα Ελέγχου Asyntai και κάντε κύλιση προς τα κάτω στην ενότητα «Κωδικός Ενσωμάτωσης». Αντιγράψτε τον μοναδικό κωδικό ενσωμάτωσής σας που θα μοιάζει ως εξής:

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

Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.

Βήμα 2: Προσθήκη Κώδικα Χρησιμοποιώντας Code Injection (Odoo 16+)

Αν χρησιμοποιείτε έκδοση Odoo 16 ή νεότερη, μπορείτε να χρησιμοποιήσετε την ενσωματωμένη λειτουργία Code Injection για να προσθέσετε το chatbot σε όλες τις σελίδες:

Συνδεθείτε στο backend Odoo και μεταβείτε στην εφαρμογή Website
Κάντε κλικ στο Edit για να εισέλθετε στον επεξεργαστή ιστοτόπου
Κάντε κλικ στην επιλογή Theme στη γραμμή εργαλείων του επεξεργαστή
Πλοηγηθείτε στις Ρυθμίσεις Ιστοτόπου
Βρείτε και κάντε κλικ στο Code Injection
Κάντε κλικ στην επιλογή </body> για να προσθέσετε κώδικα πριν την ετικέτα κλεισίματος body
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στον επεξεργαστή κώδικα
Κάντε κλικ στο Αποθήκευση για να εφαρμόσετε τις αλλαγές

Συμβουλή: Η προσθήκη του κώδικα στην ενότητα </body> το τοποθετεί ακριβώς πριν την ετικέτα κλεισίματος body, η οποία είναι η συνιστώμενη τοποθέτηση για γραφικές εφαρμογές συνομιλίας και δεν θα επιβραδύνει τη φόρτωση σελίδας σας.

Εναλλακτικά: Χρήση Επεξεργαστή HTML (Odoo 14-15)

Για εκδόσεις Odoo 14 και 15, μπορείτε να χρησιμοποιήσετε τον Επεξεργαστή HTML για να προσθέσετε τον κώδικα:

Συνδεθείτε στο backend Odoo και μεταβείτε στην εφαρμογή Website
Κάντε κλικ στο Edit για να εισέλθετε στον επεξεργαστή ιστοτόπου
Κάντε κλικ στο αναπτυσσόμενο μενού Customize
Επιλέξτε HTML/CSS/JS Editor
Επιλέξτε Main Layout από τη λίστα επεξεργάσιμων προτύπων
Κυλήστε στο κάτω μέρος του προτύπου, ακριβώς πριν την ετικέτα κλεισίματος </t>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο Αποθήκευση και ανανεώστε τη σελίδα

Σημαντικό: Κατά την άμεση επεξεργασία του HTML, βεβαιωθείτε ότι χρησιμοποιείτε έγκυρη σύνταξη XHTML. Η ετικέτα σεναρίου σας θα πρέπει να είναι αυτο-κλειστή αν χρειάζεται. Οι αλλαγές θα εφαρμοστούν σε όλες τις σελίδες του ιστοτόπου σας.

Εναλλακτικά: Μέθοδος Προγραμματιστή (Προσαρμοσμένη Ενότητα)

Αν είστε προγραμματιστής ή έχετε πρόσβαση σε προσαρμοσμένες ενότητες Odoo, μπορείτε να δημιουργήσετε ένα πρότυπο που κληρονομεί από το 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>

Σημείωση: Αυτή η μέθοδος απαιτεί τη δημιουργία προσαρμοσμένης ενότητας Odoo και την προσθήκη του παραπάνω κώδικα στις προβολές XML της ενότητάς σας. Μετά την προσθήκη, ενημερώστε τη λίστα ενοτήτων σας και εγκαταστήστε την ενότητα.

Βήμα 3: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας, ανοίξτε τον ιστότοπό σας σε μια νέα καρτέλα ή παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί της γραφικής εφαρμογής συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.