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

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

Πλατφόρμα:

Βήμα 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: Προσθήκη κώδικα μέσω Custom Code (Προτεινόμενο)

Το Custom Code προσθέτει το chatbot σε όλες τις σελίδες ταυτόχρονα. Το Wix το προσφέρει σε ιστότοπους που έχουν δημοσιευτεί και έχουν συνδεδεμένο domain, κάτι που απαιτεί πρόγραμμα Premium:

Συνδεθείτε στον λογαριασμό Wix σας και μεταβείτε στον Πίνακα Ελέγχου του ιστότοπού σας
Κάντε κλικ στις Ρυθμίσεις στην αριστερή πλαϊνή μπάρα
Στην ενότητα Development & integrations, κάντε κλικ στο Custom Code
Κάντε κλικ στο "+ Add Custom Code" πάνω δεξιά
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πλαίσιο κειμένου
Εισαγάγετε ένα όνομα για τον κώδικά σας (π.χ. "Asyntai Chatbot")
Στο "Add Code to Pages", επιλέξτε "All pages"
Στο "Place Code in", επιλέξτε "Body - end"
Κάντε κλικ στο "Apply" για αποθήκευση

Συμβουλή: Η επιλογή "Body - end" τοποθετεί το script ακριβώς πριν από την ετικέτα κλεισίματος </body>, η οποία είναι η συνιστώμενη τοποθέτηση για chat widgets.

Εναλλακτικό: Χρήση στοιχείου Embed HTML (Δωρεάν πρόγραμμα)

Χωρίς πρόγραμμα Premium, μπορείτε να προσθέσετε τον κώδικα σε μια σελίδα με ένα στοιχείο Embed HTML. Το Wix εμφανίζει αυτό το στοιχείο ως iframe, οπότε το widget συνομιλίας παραμένει μέσα στο πλαίσιο του στοιχείου και δεν αιωρείται πάνω από τη σελίδα. Κάντε το πλαίσιο αρκετά μεγάλο για το ανοιχτό παράθυρο συνομιλίας.

Ανοίξτε τον ιστότοπό σας στον Wix Editor
Κάντε κλικ στο «Add Elements» (το κουμπί «+») στην αριστερή γραμμή εργαλείων
Επιλέξτε «Embed Code», μετά «Popular Embeds» και μετά «Embed HTML»
Κάντε κλικ στο «Enter Code» και επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο "Apply"
Σύρετε τις γωνίες του στοιχείου ώστε να γίνει αρκετά μεγάλο για το ανοιχτό παράθυρο συνομιλίας
Κάντε κλικ στο "Publish" για να δημοσιεύσετε τις αλλαγές

Σημαντικό: Με τη μέθοδο Embed HTML, πρέπει να προσθέσετε το στοιχείο σε κάθε σελίδα όπου θέλετε να εμφανίζεται το chatbot. Για να το προσθέσετε σε όλες τις σελίδες ταυτόχρονα, χρησιμοποιήστε τη μέθοδο Custom Code παραπάνω.

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

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

Δεν βλέπετε το widget; Βεβαιωθείτε ότι ο ιστότοπός σας έχει δημοσιευτεί (όχι απλώς αποθηκευτεί). Το Wix μπορεί να χρειαστεί μερικά λεπτά για να εφαρμόσει αλλαγές custom code. Δοκιμάστε να εκκαθαρίσετε την κρυφή μνήμη του προγράμματος περιήγησής σας ή να δείτε σε παράθυρο ανώνυμης περιήγησης.

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

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

Προσθέστε το χαρακτηριστικό data-replace στην ετικέτα script και η γραμμή θα πάρει τη θέση αυτής που έχει ήδη το θέμα σας. Προσθέστε το στις Ρυθμίσεις, Custom Code, στο ίδιο σημείο με τον κώδικα της συνομιλίας. Το Wix προσφέρει το Custom Code μόνο με πρόγραμμα Premium και συνδεδεμένο domain, οπότε τα χρειάζεστε για να το εγκαταστήσετε.

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