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

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

Πλατφόρμα:

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

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

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

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

Βήμα 2: Προσθήκη Κώδικα μέσω Site Settings (Όλες οι Σελίδες)

To add the chatbot to all pages of your Webflow site at once:

Log in to your Webflow account and select your project
Κάντε κλικ στο εικονίδιο γραναζιού (Site Settings) στην αριστερή πλαϊνή στήλη
Κάντε κλικ στο «Custom Code» στο μενού ρυθμίσεων
Κάντε κύλιση προς τα κάτω στην ενότητα «Footer Code» (πριν από την ετικέτα </body>)
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο «Save Changes»
Publish your site for the changes to go live

Συμβουλή: Η προσθήκη του κώδικα στην ενότητα Footer τον τοποθετεί ακριβώς πριν από την ετικέτα κλεισίματος </body>, κάτι που συνιστάται για chat widgets καθώς δεν θα επιβραδύνει τη φόρτωση της σελίδας σας.

Εναλλακτική: Προσαρμοσμένος Κώδικας ανά Σελίδα

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

Ανοίξτε το έργο σας στον Webflow Designer
Κάντε κλικ στον πίνακα Pages (εικονίδιο φακέλου) στην αριστερή πλαϊνή στήλη
Τοποθετήστε τον κursor πάνω από τη σελίδα που θέλετε να επεξεργαστείτε και κάντε κλικ στο εικονίδιο γραναζιού
Κάντε κύλιση προς τα κάτω στο «Custom Code»
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στην ενότητα «Before </body> tag»
Κάντε κλικ στο «Αποθήκευση»
Δημοσιεύστε τον ιστότοπό σας

Εναλλακτική: Χρήση Στοιχείου Embed

Μπορείτε επίσης να προσθέσετε το chatbot χρησιμοποιώντας το στοιχείο Embed οπουδήποτε στη σελίδα σας:

Ανοίξτε το έργο σας στον Webflow Designer
Κάντε κλικ στο κουμπί «+» για να ανοίξετε τον πίνακα Add
Search for "Embed" or find it under Components
Σύρετε το στοιχείο Embed στη σελίδα σας
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στον επεξεργαστή κώδικα
Κάντε κλικ στο «Αποθήκευση & Κλείσιμο»
Δημοσιεύστε τον ιστότοπό σας

Σημαντικό: Όταν χρησιμοποιείτε το στοιχείο Embed, θα πρέπει να το προσθέσετε σε κάθε σελίδα όπου θέλετε το chatbot. Για εγκατάσταση σε ολόκληρο τον ιστότοπο, χρησιμοποιήστε τη μέθοδο Site Settings παραπάνω.

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

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