Πώς μπορώ να προσθέσω το ChatLab στον ιστότοπό μου στο Wix;

Στο ChatLab, μεταβείτε στην καρτέλα Deploy (Δημοσίευση), επιλέξτε Wix και αντιγράψτε τον κώδικα. Στο Wix, μεταβείτε στις Settings (Ρυθμίσεις) > Custom Code (Προσαρμοσμένος κώδικας), κάντε κλικ στο '+ Add Custom Code' (+ Προσθήκη προσαρμοσμένου κώδικα), επικολλήστε τον κώδικα, ορίστε την τοποθέτηση σε Head και κάντε κλικ στο Apply (Εφαρμογή).

Πού θα βρω τις ρυθμίσεις Wix Custom Code;

Στον πίνακα ελέγχου του Wix, μεταβείτε στις Settings (Ρυθμίσεις) και, στη συνέχεια, ανοίξτε το 'Custom Code' (Προσαρμοσμένος κώδικας) στην ενότητα Development & integrations. Κάντε κλικ στο '+ Add Custom Code' (+ Προσθήκη προσαρμοσμένου κώδικα) για να προσθέσετε το script του chatbot σας.

Μπορώ να προσθέσω το chatbot μόνο σε συγκεκριμένες σελίδες;

Ναι. Κατά την προσθήκη του προσαρμοσμένου κώδικα στο Wix, μπορείτε να επιλέξετε να τον προσθέσετε σε όλες τις σελίδες, σε μια συγκεκριμένη σελίδα ή μόνο σε ορισμένες σελίδες χρησιμοποιώντας την επιλογή 'Add Code to Pages' (Προσθήκη κώδικα σε σελίδες).

Πώς να προσθέσετε το chatbot σας σε ιστότοπο Wix

Η προσθήκη ενός chatbot του ChatLab στον ιστότοπό σας στο Wix επιτρέπει στους επισκέπτες να αλληλεπιδρούν με τον βοηθό AI απευθείας στον ιστότοπό σας. Αυτός ο οδηγός παρουσιάζει τα βήματα για να λάβετε τον κώδικα ενσωμάτωσης από το ChatLab και να τον επικολλήσετε στο Wix.

Πριν ξεκινήσετε

Πριν ξεκινήσετε, δημιουργήστε το chatbot σας και βεβαιωθείτε ότι ο ιστότοπός σας στο Wix είναι δημοσιευμένος με συνδεδεμένο domain. Το Wix περιγράφει αυτές τις απαιτήσεις στο άρθρο Embedding custom code on your site. Χρειάζεστε επίσης δικαιώματα επεξεργασίας και δημοσίευσης του ιστοτόπου.

Βήμα 1 - Αντιγράψτε τον κώδικα ενσωμάτωσης από το ChatLab

Συνδεθείτε στο ChatLab και επιλέξτε το chatbot που θέλετε να ενσωματώσετε
Κάντε κλικ στην καρτέλα Deploy (Δημοσίευση) και, στη συνέχεια, επιλέξτε Wix από τον πίνακα πλατφορμών στα δεξιά

Επιλέξτε Widget για τα παρακάτω βήματα προσαρμοσμένου κώδικα. Για μια συνομιλία που είναι πάντα ορατή, επιλέξτε Iframe και ακολουθήστε τις ξεχωριστές οδηγίες ενσωμάτωσης στη σελίδα παρακάτω. Δείτε το άρθρο Ποια είναι η διαφορά μεταξύ widget και Iframe; για μια σύγκριση
Κάντε κλικ στο κουμπί Copy to clipboard (Αντιγραφή στο πρόχειρο)

Βήμα 2 - Προσθέστε τον κώδικα στο Wix

Στον πίνακα ελέγχου του Wix, μεταβείτε στις Settings (Ρυθμίσεις)
Στην ενότητα Development & integrations (Ανάπτυξη και ενσωματώσεις), κάντε κλικ στην επιλογή Custom Code (Προσαρμοσμένος κώδικας). Οι παλαιότεροι πίνακες ελέγχου του Wix ενδέχεται να το περιλαμβάνουν στην ενότητα Advanced (Για προχωρημένους).
Κάντε κλικ στο + Add Custom Code (+ Προσθήκη προσαρμοσμένου κώδικα) επάνω δεξιά
Επικολλήστε τον κώδικα που αντιγράψατε στο πλαίσιο κειμένου
Εισαγάγετε ένα όνομα για τον κώδικά σας (π.χ. "ChatLab")
Στην ενότητα Add Code to Pages (Προσθήκη κώδικα σε σελίδες), επιλέξτε ποιες σελίδες θα εμφανίζουν το chatbot - επιλέξτε All pages (Όλες οι σελίδες) για να εμφανίζεται παντού
Στην ενότητα Place Code in (Τοποθέτηση κώδικα σε), επιλέξτε Head
Κάντε κλικ στο Apply (Εφαρμογή)

Προσθήκη ενός iframe που είναι πάντα ορατό

Στον Wix Editor, προσθέστε ένα στοιχείο HTML iframe/embed στη σελίδα, επικολλήστε το απόσπασμα κώδικα Iframe του ChatLab και αλλάξτε το μέγεθος του στοιχείου ώστε η συνομιλία να είναι εύχρηστη σε υπολογιστές και κινητά. Δημοσιεύστε τη σελίδα. Ένα iframe πρέπει να τοποθετείται στην ορατή διάταξη της σελίδας και όχι στον προσαρμοσμένο κώδικα του Head. Ανατρέξτε στον οδηγό του Wix για ορατό ενσωματωμένο περιεχόμενο.

Επαλήθευση της εγκατάστασης

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