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

Οδηγός βήμα προς βήμα για ηλεκτρονικά καταστήματα Volusion

Πλατφόρμα:

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

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

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

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

Βήμα 2: Δημιουργία Αντιγράφου Ασφαλείας του Theme σας

Πριν κάνετε οποιεσδήποτε αλλαγές στο κατάστημά σας Volusion, είναι σημαντικό να δημιουργήσετε ένα αντίγραφο ασφαλείας:

Συνδεθείτε στον Πίνακα Διαχείρισης Volusion σας
Μεταβείτε στο Design → File Editor
Κάντε κλικ στο Archive Theme για να δημιουργήσετε ένα αντίγραφο ασφαλείας
Κατεβάστε ένα αντίγραφο του αρχείου για ασφαλή φύλαξη

Σημαντικό: Να δημιουργείτε πάντα αντίγραφο ασφαλείας του theme σας πριν κάνετε αλλαγές κώδικα. Αυτό σας επιτρέπει να επαναφέρετε εύκολα αν κάτι πάει στραβά.

Βήμα 3: Προσθήκη Κώδικα στο Template (Συνιστάται)

Για να προσθέσετε το chatbot σε όλες τις σελίδες του καταστήματός σας Volusion:

Στον πίνακα διαχείρισης Volusion, μεταβείτε στο Design → Template
Μεταβείτε στο Design → File Editor → Shortcuts
Βρείτε το κύριο αρχείο template (συνήθως template_*.html)
Κυλήστε για να βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Κάντε κλικ στο Save για να εφαρμόσετε τις αλλαγές
Προεπισκοπήστε το κατάστημά σας για να επαληθεύσετε ότι εμφανίζεται το chatbot

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

Εναλλακτική Μέθοδος 1: Εισαγωγή HTML Κεφαλίδας/Υποσέλιδου

Το Volusion σας επιτρέπει να προσθέσετε προσαρμοσμένο κώδικα μέσω των καθολικών ρυθμίσεων:

Συνδεθείτε στον Πίνακα Διαχείρισης Volusion σας
Μεταβείτε στο Settings → Design Settings
Αναζητήστε την ενότητα Custom HTML ή Footer Code
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai σε αυτό το πεδίο
Κάντε κλικ στο Αποθήκευση
Ο κώδικας θα προστεθεί τώρα αυτόματα σε όλες τις σελίδες

Σημείωση: Η ακριβής τοποθεσία των ρυθμίσεων προσαρμοσμένου HTML ενδέχεται να διαφέρει ανάλογα με το πλάνο και την έκδοση Volusion σας. Αναζητήστε ρυθμίσεις που σχετίζονται με «Custom Code», «Header/Footer» ή «Global HTML».

Εναλλακτική Μέθοδος 2: Εγκατάσταση ανά Σελίδα

Αν θέλετε να προσθέσετε το chatbot μόνο σε συγκεκριμένες σελίδες:

Μεταβείτε στο Design → File Editor → Shortcuts
Δημιουργήστε ή επεξεργαστείτε ένα template για συγκεκριμένη σελίδα χρησιμοποιώντας τη συνάρτηση PageName
Προσθέστε κώδικα υπό όρους για να συμπεριλάβετε το script μόνο σε συγκεκριμένες σελίδες:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Συμβουλή: Αυτή η μέθοδος είναι χρήσιμη αν θέλετε το chatbot μόνο σε ορισμένες σελίδες όπως σελίδες προϊόντων, ολοκλήρωση αγοράς ή σελίδες υποστήριξης. Αντικαταστήστε τα 'home' και 'products' με τα πραγματικά ονόματα σελίδων από το κατάστημά σας Volusion.

Εναλλακτική Μέθοδος 3: Άρθρο Προσαρμοσμένου CSS/HTML

Μπορείτε επίσης να προσθέσετε τον κώδικα μέσω ενός μπλοκ άρθρου:

Στον διαχειριστή Volusion, μεταβείτε στο Articles → Articles
Δημιουργήστε ένα νέο άρθρο ή επεξεργαστείτε ένα υπάρχον
Μεταβείτε στην προβολή HTML στον επεξεργαστή άρθρων
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Αποθηκεύστε το άρθρο
Προσθέστε αυτό το άρθρο στο template σελίδας ή στην πλαϊνή στήλη σας
Το chatbot θα εμφανίζεται στις σελίδες όπου εμφανίζεται αυτό το άρθρο

Σημείωση: Αυτή η μέθοδος είναι λιγότερο συνηθισμένη αλλά μπορεί να είναι χρήσιμη αν έχετε περιορισμένη πρόσβαση σε αρχεία template ή θέλετε να ενεργοποιείτε/απενεργοποιείτε εύκολα το chatbot αποκρύπτοντας/εμφανίζοντας το άρθρο.

Βήμα 4: Επαλήθευση Εγκατάστασης

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

Δεν βλέπετε το widget; Βεβαιωθείτε ότι έχετε αποθηκεύσει όλες τις αλλαγές template. Εκκαθαρίστε την κρυφή μνήμη του προγράμματος περιήγησής σας ή δείτε σε λειτουργία ανώνυμης περιήγησης. Το Volusion ενδέχεται να αποθηκεύει templates στην κρυφή μνήμη, οπότε οι αλλαγές μπορεί να χρειαστούν λίγα λεπτά για να εμφανιστούν. Ελέγξτε την κονσόλα προγράμματος περιήγησης (F12) για τυχόν σφάλματα JavaScript.

Χρειάζεστε Βοήθεια;

Αν δεν αισθάνεστε άνετα με την επεξεργασία αρχείων template, η ομάδα Εξυπηρέτησης Πελατών του Volusion μπορεί να βοηθήσει με αιτήματα προσαρμοσμένου HTML και CSS. Μπορείτε επίσης να επικοινωνήσετε με την υποστήριξη Asyntai για καθοδήγηση σχετικά με την εγκατάσταση του chatbot στο κατάστημά σας Volusion.

Επαγγελματική Υποστήριξη: Το Volusion προσφέρει υπηρεσίες προσαρμοσμένης κωδικοποίησης αν χρειάζεστε επαγγελματική βοήθεια για τροποποιήσεις theme ή σύνθετες προσαρμογές.

Τεκμηρίωση