Η προσθήκη ενός chatbot του ChatLab στον ιστότοπό σας στο WordPress επιτρέπει στους επισκέπτες να αλληλεπιδρούν με τον βοηθό AI απευθείας στον ιστότοπό σας. Υπάρχουν δύο μέθοδοι εγκατάστασης: το WordPress plugin (συνιστάται) ή η χειροκίνητη ενσωμάτωση κώδικα.
Πριν ξεκινήσετε
Δημιουργήστε και εκπαιδεύστε το chatbot σας προτού το μοιραστείτε με πελάτες. Για την εγκατάσταση, χρειάζεστε επίσης δικαιώματα επεξεργασίας και δημοσίευσης του ιστοτόπου. Δείτε το άρθρο Πώς να δημιουργήσετε το πρώτο σας chatbot.
Βήμα 1 - Ανοίξτε την καρτέλα Deploy στο ChatLab
- Συνδεθείτε στο ChatLab και επιλέξτε το chatbot που θέλετε να ενσωματώσετε
- Κάντε κλικ στην καρτέλα Deploy (Δημοσίευση), και στη συνέχεια επιλέξτε WordPress από τον πίνακα πλατφορμών στα δεξιά
Ο πίνακας του WordPress εμφανίζει δύο καρτέλες: Plugin Installation (Εγκατάσταση προσθέτου) και Manual Installation (Χειροκίνητη εγκατάσταση).
Μέθοδος 1: Πρόσθετο WordPress (συνιστάται)
Η μέθοδος του πρόσθετου είναι ο απλούστερος τρόπος για να προσθέσετε το ChatLab στο WordPress - δεν απαιτείται επεξεργασία κώδικα.
- Κάντε κλικ στο κουμπί Get the plugin on WordPress.org (Λήψη του προσθέτου από το WordPress.org) για να ανοίξετε τη σελίδα του πρόσθετου στο wordpress.org
- Εγκαταστήστε και ενεργοποιήστε το πρόσθετο "ChatLab - AI Chatbot" από το αποθετήριο προσθέτων του WordPress
- Στον πίνακα διαχείρισης του WordPress, ανοίξτε το ChatLab και κάντε κλικ στο Continue (Συνέχεια). Για κατάστημα WooCommerce, αφήστε επιλεγμένη τη ρύθμιση WooCommerce integration (Ενσωμάτωση WooCommerce) εάν θέλετε επίσης αναζήτηση προϊόντων και έλεγχο παραγγελιών.
- Συνδεθείτε στον λογαριασμό σας στο ChatLab και επιλέξτε το chatbot που θέλετε να εμφανίζεται.
- Ολοκληρώστε την καθοδηγούμενη σύνδεση και επιστρέψτε στο WordPress. Το πρόσθετο εγκαθιστά το widget αυτόματα.
- Ανοίξτε τον ιστότοπό σας σε ένα πρόγραμμα περιήγησης για να επιβεβαιώσετε ότι εμφανίζεται το εικονίδιο του chatbot
Μέθοδος 2: Χειροκίνητη εγκατάσταση
Εάν προτιμάτε να ενσωματώσετε τον κώδικα χειροκίνητα, κάντε κλικ στην καρτέλα Manual Installation.
- Εγκαταστήστε και ενεργοποιήστε ένα πρόσθετο για κώδικα κεφαλίδας, όπως το WPCode (πρώην Insert Headers and Footers).
- Για το WPCode, ανοίξτε τη διαδρομή Code Snippets > Header & Footer. Δείτε τις οδηγίες για κεφαλίδα και υποσέλιδο του WPCode.
- Στο ChatLab, επιλέξτε μεταξύ Widget (αναδυόμενο παράθυρο συνομιλίας που ανοίγει από ένα εικονίδιο συνομιλίας) ή Iframe (πάντα ορατή συνομιλία ενσωματωμένη στη σελίδα). Δείτε το άρθρο Ποια είναι η διαφορά μεταξύ widget και Iframe; για σύγκριση
- Κάντε κλικ στο Copy to clipboard (Αντιγραφή στο πρόχειρο) για να αντιγράψετε τον κώδικα
- Για το Widget, επικολλήστε τον κώδικα στο πεδίο Header (Κεφαλίδα) και αποθηκεύστε. Για το Iframe, επικολλήστε τον σε ένα μπλοκ περιεχομένου HTML στη σελίδα όπου θέλετε να εμφανίζεται η συνομιλία, χρησιμοποιώντας λογαριασμό ή πρόγραμμα επεξεργασίας που επιτρέπει HTML τύπου iframe, και στη συνέχεια ενημερώστε ή δημοσιεύστε τη σελίδα. Μην επικολλάτε iframe στην κεφαλίδα.
- Ανανεώστε τον ιστότοπό σας για να επιβεβαιώσετε ότι εμφανίζεται το chatbot
Επαλήθευση της εγκατάστασης
Αφού ολοκληρώσετε οποιαδήποτε από τις δύο μεθόδους, ανοίξτε τον ιστότοπό σας στο WordPress σε ένα πρόγραμμα περιήγησης. Θα πρέπει να βλέπετε το εικονίδιο συνομιλίας στη γωνία της σελίδας (λειτουργία widget) ή το παράθυρο συνομιλίας ενσωματωμένο στη σελίδα (λειτουργία iframe). Κάντε κλικ στο εικονίδιο για να ανοίξετε τη συνομιλία και στείλτε ένα δοκιμαστικό μήνυμα για να επιβεβαιώσετε ότι όλα λειτουργούν σωστά.