Η προσθήκη ενός chatbot του ChatLab στον ιστότοπό σας στο Webflow επιτρέπει στους επισκέπτες να αλληλεπιδρούν με τον βοηθό AI απευθείας στον ιστότοπό σας. Αυτός ο οδηγός παρουσιάζει αναλυτικά τα βήματα για να λάβετε τον κώδικα ενσωμάτωσης από το ChatLab και να τον επικολλήσετε στο Webflow.
Βήμα 1 - Αντιγράψτε τον κώδικα ενσωμάτωσης από το ChatLab
- Συνδεθείτε στο ChatLab και επιλέξτε το chatbot που θέλετε να ενσωματώσετε
- Κάντε κλικ στην καρτέλα Deploy (Δημοσίευση) και, στη συνέχεια, επιλέξτε Webflow από τον πίνακα πλατφορμών στα δεξιά
- Επιλέξτε μεταξύ Widget (αναδυόμενο παράθυρο συνομιλίας που ανοίγει από ένα εικονίδιο συνομιλίας) ή Iframe (πάντα ορατή συνομιλία ενσωματωμένη στη σελίδα). Δείτε το άρθρο Ποια είναι η διαφορά μεταξύ widget και Iframe; για μια σύγκριση
- Κάντε κλικ στο Copy to clipboard (Αντιγραφή στο πρόχειρο)
Βήμα 2 - Προσθέστε τον κώδικα στο Webflow
Η προσθήκη του κώδικα στο Site Settings (Ρυθμίσεις ιστοτόπου) τοποθετεί το chatbot σε κάθε σελίδα του ιστοτόπου σας στο Webflow.
- Ανοίξτε το έργο σας στο Webflow Dashboard
- Μεταβείτε στο Site Settings > Custom Code (Προσαρμοσμένος κώδικας)
- Επικολλήστε τον κώδικα που αντιγράψατε στην ενότητα Head Code (Κώδικας κεφαλίδας)
- Κάντε κλικ στο Save Changes (Αποθήκευση αλλαγών)
- Κάντε Publish (Δημοσίευση) του ιστοτόπου σας για να εφαρμοστούν οι αλλαγές
Προσθήκη σε μία μόνο σελίδα
Αν θέλετε το chatbot να εμφανίζεται σε μια συγκεκριμένη σελίδα και όχι σε ολόκληρο τον ιστότοπο:
- Ανοίξτε τη σελίδα στο Webflow Designer
- Κάντε κλικ στο εικονίδιο με το γρανάζι για να ανοίξετε το Page Settings (Ρυθμίσεις σελίδας)
- Κυλήστε προς τα κάτω στην ενότητα Custom Code
- Επικολλήστε τον κώδικα στο πεδίο Head Code
- Αποθηκεύστε και δημοσιεύστε τον ιστότοπό σας
Επαλήθευση της εγκατάστασης
Μετά τη δημοσίευση, ανοίξτε τον ιστότοπό σας στο Webflow σε ένα πρόγραμμα περιήγησης. Θα πρέπει να δείτε το εικονίδιο συνομιλίας να εμφανίζεται στη γωνία της σελίδας (για τη λειτουργία widget) ή το παράθυρο συνομιλίας ενσωματωμένο στη σελίδα (για τη λειτουργία iframe). Κάντε κλικ στο εικονίδιο για να ανοίξετε τη συνομιλία και στείλτε ένα δοκιμαστικό μήνυμα για να επιβεβαιώσετε ότι όλα λειτουργούν σωστά.