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

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

Πλατφόρμα:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Προσθήκη Κώδικα στο Θέμα Shopify

Ακολουθήστε αυτά τα βήματα για να προσθέσετε το chatbot στο κατάστημα Shopify σας:

Συνδεθείτε στον πίνακα Διαχειριστή Shopify σας
Μεταβείτε στο Ηλεκτρονικό Κατάστημα → Θέματα
Βρείτε το τρέχον θέμα και κάντε κλικ στο κουμπί «...» (τρεις τελείες)
Επιλέξτε «Επεξεργασία κώδικα» από το αναπτυσσόμενο μενού
Στην αριστερή πλαϊνή στήλη, στη Διάταξη, κάντε κλικ στο theme.liquid
Κυλήστε για να βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Κάντε κλικ στο "Save" στην επάνω δεξιά γωνία

Συμβουλή: Χρησιμοποιήστε Ctrl+F (Windows) ή Cmd+F (Mac) για γρήγορη αναζήτηση του </body> στο αρχείο theme.liquid.

Εναλλακτικά: Χρήση εφαρμογής Shopify

Αν προτιμάτε να μην επεξεργαστείτε κώδικα, μπορείτε να χρησιμοποιήσετε μια εφαρμογή Shopify για να προσθέσετε προσαρμοσμένα scripts:

Μεταβείτε στο Shopify App Store
Αναζητήστε "Custom Script Injector" ή "Header & Footer Scripts"
Εγκαταστήστε την εφαρμογή της επιλογής σας
Χρησιμοποιήστε την εφαρμογή για να προσθέσετε τον κώδικα ενσωμάτωσης του Asyntai στην ενότητα υποσέλιδου

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

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

Δεν βλέπετε το widget; Το Shopify ενδέχεται να αποθηκεύει τα αρχεία του θέματός σας σε cache. Δοκιμάστε να ανοίξετε το κατάστημά σας σε παράθυρο ανώνυμης/ιδιωτικής περιήγησης ή περιμένετε μερικά λεπτά και ανανεώστε τη σελίδα.

Χρήστες Shopify Plus

Αν χρησιμοποιείτε Shopify Plus, μπορείτε επίσης να προσθέσετε το script μέσω του αρχείου checkout.liquid για εμφάνιση του chatbot στις σελίδες ολοκλήρωσης αγοράς. Ωστόσο, σημειώστε ότι τα περισσότερα καταστήματα το χρειάζονται μόνο στις κύριες σελίδες του καταστήματος.

Προσθήκη της μπάρας αναζήτησης AI

Η μπάρα αναζήτησης AI είναι ξεχωριστό widget με δικό του κώδικα. Προσθέστε την μαζί με το chat ή μόνη της. Απαιτεί πρόγραμμα Standard ή ανώτερο: σε χαμηλότερο η μπάρα εμφανίζεται αλλά δεν επιστρέφει αποτελέσματα.

Προσθέστε την ιδιότητα data-replace στην ετικέτα script και η μπάρα παίρνει τη θέση αυτής που έχει ήδη το θέμα σας. Επικολλήστε το στο theme.liquid ακριβώς πριν από το κλείσιμο της ετικέτας body, στο ίδιο αρχείο με τον κώδικα του chat. Το θέμα σας διατηρεί τη δική του σελίδα αποτελεσμάτων, οπότε το Enter λειτουργεί ακριβώς όπως πριν.

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

Διαβάστε τον πλήρη οδηγό για τη μπάρα αναζήτησης AI