Πώς να Προσθέσετε το AI Chatbot Asyntai στο Framer
Οδηγός βήμα προς βήμα για ιστότοπους Framer
Βήμα 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: Χρήση Προσαρμοσμένου Κώδικα (Συνιστάται)
Το Framer διαθέτει ενσωματωμένη λειτουργία Custom Code που διευκολύνει την προσθήκη scripts:
- Ανοίξτε το έργο Framer σας
- Κάντε κλικ στο εικονίδιο γραναζιού (Site Settings) στην αριστερή πλαϊνή στήλη
- Μεταβείτε στο τμήμα "Custom Code"
- Κάντε κλικ στο κουμπί "Add Script"
- Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πεδίο script
- Ορίστε την τοποθέτηση στο "End of <body> tag"
- Αποθηκεύστε και δημοσιεύστε τον ιστότοπό σας
Συμβουλή: Η τοποθέτηση του script στο "End of <body> tag" διασφαλίζει ότι φορτώνεται μετά το περιεχόμενο της σελίδας, κάτι που συνιστάται για widgets συνομιλίας και δεν θα επιβραδύνει τη φόρτωση σελίδας. Το Framer προσφέρει επίσης επιλογές "Start of <head>" και "End of <head>", αλλά το τέλος body είναι προτιμότερο.
Εναλλακτική: Χρήση Code Component
Αν προτιμάτε να προσθέσετε το chatbot χρησιμοποιώντας ένα Code component:
- Στον επεξεργαστή Framer, ανοίξτε τη σελίδα όπου θέλετε το chatbot
- Προσθέστε ένα Code component στον καμβά σας
- Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο component
- Τοποθετήστε το στη διάταξη σας όπως απαιτείται
Σημείωση: Η μέθοδος Custom Code είναι προτιμότερη καθώς εφαρμόζει το chatbot σε ολόκληρο τον ιστότοπο σε όλες τις σελίδες. Η μέθοδος Code component ενδέχεται να προσθέτει το chatbot μόνο στη συγκεκριμένη σελίδα όπου τοποθετείτε το component.
Βήμα 3: Επαληθεύστε την Εγκατάσταση
Αφού δημοσιεύσετε τις αλλαγές σας, επισκεφθείτε τον ιστότοπο Framer σε μια νέα καρτέλα προγράμματος περιήγησης ή σε παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του widget συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.
Δεν βλέπετε το widget; Βεβαιωθείτε ότι αποθηκεύσατε και δημοσιεύσατε τον ιστότοπο μετά την προσθήκη του κώδικα. Δοκιμάστε να εκκαθαρίσετε τη μνήμη cache του προγράμματος περιήγησης ή να προβάλετε σε παράθυρο ανώνυμης περιήγησης. Αν χρησιμοποιείτε προσαρμοσμένο domain, οι αλλαγές ενδέχεται να χρειαστούν μερικά λεπτά για να διαδοθούν.
Weebly