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

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

Πλατφόρμα:

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

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

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 (Όλες οι Σελίδες)

Για να προσθέσετε το chatbot σε όλες τις σελίδες, δημιουργήστε ένα αρχείο layout στο θέμα σας:

Μεταβείτε στον φάκελο του θέματός σας: app/design/frontend/[Vendor]/[theme]/
Δημιουργήστε τη δομή φακέλων αν δεν υπάρχει: Magento_Theme/layout/
Δημιουργήστε ή επεξεργαστείτε το αρχείο 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>
Αντικαταστήστε το YOUR_WIDGET_ID με το πραγματικό widget ID σας
Εκτελέστε: bin/magento cache:flush
Εκτελέστε: bin/magento setup:static-content:deploy -f (αν βρίσκεστε σε λειτουργία παραγωγής)

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

Μπορείτε επίσης να δημιουργήσετε ένα μπλοκ CMS και να το συμπεριλάβετε στο υποσέλιδό σας:

Μεταβείτε στο Content → Blocks
Κάντε κλικ στο «Προσθήκη Νέου Block»
Ορίστε έναν τίτλο όπως «Asyntai Chatbot»
Ορίστε το Identifier σε asyntai_chatbot
Στον επεξεργαστή περιεχομένου, μεταβείτε στη λειτουργία HTML και επικολλήστε τον κώδικα ενσωμάτωσης
Κάντε κλικ στο «Αποθήκευση Block»
Προσθέστε το block στο πρότυπο υποσέλιδού σας χρησιμοποιώντας: {{block id="asyntai_chatbot"}}
Εκκαθαρίστε την κρυφή μνήμη

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

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