Πώς να προσθέσετε το AI Chatbot Asyntai στο Squarespace
Οδηγός βήμα-βήμα για ιστότοπους Squarespace
Βήμα 1: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας
Πρώτα, μεταβείτε στον Πίνακα Ελέγχου Asyntai και κάντε κύλιση προς τα κάτω στην ενότητα «Κωδικός Ενσωμάτωσης». Αντιγράψτε τον μοναδικό κωδικό ενσωμάτωσής σας που θα μοιάζει ως εξής:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Σημείωση: Ο παραπάνω κώδικας είναι απλώς ένα παράδειγμα. Πρέπει να αντιγράψετε τον δικό σας μοναδικό κωδικό ενσωμάτωσης από τον Πίνακα Ελέγχου σας, καθώς περιέχει το προσωπικό σας αναγνωριστικό widget.
Βήμα 2: Προσθήκη κώδικα με χρήση Code Injection (Πλάνα Business & Commerce)
Αν έχετε πλάνο Squarespace Business ή Commerce, μπορείτε να προσθέσετε το chatbot σε όλες τις σελίδες ταυτόχρονα χρησιμοποιώντας Code Injection:
- Log in to your Squarespace account and open your site
- Κάντε κλικ στις Ρυθμίσεις στην αριστερή πλαϊνή μπάρα
- Κάντε κλικ στο Για προχωρημένους
- Κάντε κλικ στο Code Injection
- Μεταβείτε προς τα κάτω στην ενότητα Υποσέλιδο
- Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πλαίσιο κειμένου Υποσέλιδου
- Κάντε κλικ στο «Αποθήκευση» πάνω αριστερά
Συμβουλή: Η προσθήκη του κώδικα στην ενότητα Υποσέλιδου τον τοποθετεί ακριβώς πριν την ετικέτα κλεισίματος </body>, που είναι η συνιστώμενη τοποθέτηση για chat widgets και δεν θα επιβραδύνει τη φόρτωση της σελίδας σας.
Εναλλακτικά: Χρήση Code Blocks (Όλα τα πλάνα)
Αν έχετε πλάνο Personal ή προτιμάτε να προσθέσετε το chatbot μόνο σε συγκεκριμένες σελίδες, μπορείτε να χρησιμοποιήσετε Code Blocks:
- Ανοίξτε τον ιστότοπό σας στον Επεξεργαστή Squarespace
- Μεταβείτε στη σελίδα όπου θέλετε να προσθέσετε το chatbot
- Κάντε κλικ στο «Επεξεργασία» στη σελίδα
- Hover over a section and click "+ Add Block"
- Μεταβείτε προς τα κάτω και επιλέξτε «Κώδικας»
- Click the pencil icon to edit the code block
- Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
- Κάντε κλικ έξω από το block για να κλείσετε τον επεξεργαστή
- Κάντε κλικ στο «Αποθήκευση» στην πάνω αριστερή γωνία
Σημαντικό: Κατά τη χρήση Code Blocks, θα πρέπει να προσθέσετε τον κώδικα σε κάθε σελίδα όπου θέλετε να εμφανίζεται το chatbot. Για εγκατάσταση σε όλο τον ιστότοπο, χρησιμοποιήστε την παραπάνω μέθοδο Code Injection (απαιτεί πλάνο Business ή Commerce).
Βήμα 3: Επαληθεύστε την Εγκατάσταση
Αφού αποθηκεύσετε τις αλλαγές σας, ανοίξτε τον ιστότοπό σας σε μια νέα καρτέλα ή παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί της γραφικής εφαρμογής συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.
Δεν βλέπετε το widget; Βεβαιωθείτε ότι αποθηκεύσατε και δημοσιεύσατε τις αλλαγές σας. Δοκιμάστε να εκκαθαρίσετε την cache του προγράμματος περιήγησης ή να προβάλετε τον ιστότοπό σας σε παράθυρο ανώνυμης περιήγησης. Το Squarespace ενδέχεται να χρειαστεί μερικά λεπτά για να εφαρμόσει αλλαγές κώδικα.
Weebly