Πώς να Προσθέσετε το Asyntai AI Chatbot στο Adobe Commerce (Magento)

Βήμα-βήμα οδηγός για ιστοτόπους Magento

Πλατφόρμα:

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

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

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

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

Βήμα 2: Χρήση Page Builder (Συνιστάται)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot είναι χρησιμοποιώντας το μπλοκ HTML Code του Page Builder:

Συνδεθείτε στον Πίνακα Διαχείρισης Magento
Μεταβείτε στο Content → Pages
Επεξεργαστείτε την Αρχική σελίδα (ή οποιαδήποτε σελίδα όπου θέλετε το chatbot)
Στο Page Builder, σύρετε ένα στοιχείο «HTML Code» στη σελίδα
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο «Αποθήκευση»
Εκκαθαρίστε την κρυφή μνήμη: System → Cache Management → Flush Magento Cache

Σημαντικό: Η χρήση του Page Builder προσθέτει τον κώδικα μόνο σε μεμονωμένες σελίδες. Για εγκατάσταση σε όλο τον ιστότοπο, χρησιμοποιήστε τη μέθοδο Layout XML παρακάτω.

Εναλλακτικά: Χρήση Layout XML (Όλες οι Σελίδες)

To add the chatbot to all pages, create a layout file in your theme:

Μεταβείτε στον φάκελο του θέματός σας: app/design/frontend/[Vendor]/[theme]/
Δημιουργήστε τη δομή φακέλων αν δεν υπάρχει: Magento_Theme/layout/
Create or edit the file default_head_blocks.xml
Προσθέστε τον παρακάτω κώδικα:
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://asyntai.com/static/js/chat-widget.js" src_type="url" async="true" data-asyntai-id="YOUR_WIDGET_ID"/> </head> </page>
Replace YOUR_WIDGET_ID with your actual widget ID
Εκτελέστε: bin/magento cache:flush
Εκτελέστε: bin/magento setup:static-content:deploy -f (αν βρίσκεστε σε λειτουργία παραγωγής)

Εναλλακτικά: Χρήση CMS Block

You can also create a CMS block and include it in your footer:

Μεταβείτε στο Content → Blocks
Κάντε κλικ στο «Προσθήκη Νέου Block»
Ορίστε έναν τίτλο όπως «Asyntai Chatbot»
Ορίστε το Identifier σε asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Κάντε κλικ στο «Αποθήκευση Block»
Προσθέστε το block στο πρότυπο υποσέλιδού σας χρησιμοποιώντας: {{block id="asyntai_chatbot"}}
Εκκαθαρίστε την κρυφή μνήμη

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

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