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

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

Πλατφόρμα:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Προσθήκη κώδικα με χρήση Code Injection (Πλάνα Business & Commerce)

Αν έχετε πλάνο Squarespace Business ή Commerce, μπορείτε να προσθέσετε το chatbot σε όλες τις σελίδες ταυτόχρονα χρησιμοποιώντας Code Injection:

Συνδεθείτε στον λογαριασμό Squarespace σας και ανοίξτε τον ιστότοπό σας
Κάντε κλικ στις Ρυθμίσεις στην αριστερή πλαϊνή μπάρα
Κάντε κλικ στο Για προχωρημένους
Κάντε κλικ στο Code Injection
Μεταβείτε προς τα κάτω στην ενότητα Υποσέλιδο
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πλαίσιο κειμένου Υποσέλιδου
Κάντε κλικ στο «Αποθήκευση» πάνω αριστερά

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

Εναλλακτικά: Χρήση Code Blocks (Όλα τα πλάνα)

Αν έχετε πλάνο Personal ή προτιμάτε να προσθέσετε το chatbot μόνο σε συγκεκριμένες σελίδες, μπορείτε να χρησιμοποιήσετε Code Blocks:

Ανοίξτε τον ιστότοπό σας στον Επεξεργαστή Squarespace
Μεταβείτε στη σελίδα όπου θέλετε να προσθέσετε το chatbot
Κάντε κλικ στο «Επεξεργασία» στη σελίδα
Κυλήστε προς τα κάτω και κάντε κλικ στο "Head HTML"
Μεταβείτε προς τα κάτω και επιλέξτε «Κώδικας»
Κάντε κλικ στο εικονίδιο με το μολύβι για να επεξεργαστείτε το code block
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ έξω από το block για να κλείσετε τον επεξεργαστή
Κάντε κλικ στο «Αποθήκευση» στην πάνω αριστερή γωνία

Σημαντικό: Κατά τη χρήση Code Blocks, θα πρέπει να προσθέσετε τον κώδικα σε κάθε σελίδα όπου θέλετε να εμφανίζεται το chatbot. Για εγκατάσταση σε όλο τον ιστότοπο, χρησιμοποιήστε την παραπάνω μέθοδο Code Injection (απαιτεί πλάνο Business ή Commerce).

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

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

Δεν βλέπετε το widget; Βεβαιωθείτε ότι αποθηκεύσατε και δημοσιεύσατε τις αλλαγές σας. Δοκιμάστε να εκκαθαρίσετε την cache του προγράμματος περιήγησης ή να προβάλετε τον ιστότοπό σας σε παράθυρο ανώνυμης περιήγησης. Το Squarespace ενδέχεται να χρειαστεί μερικά λεπτά για να εφαρμόσει αλλαγές κώδικα.

Προσθήκη της μπάρας αναζήτησης AI

Η μπάρα αναζήτησης AI είναι ξεχωριστό widget με δικό του κώδικα. Προσθέστε την μαζί με το chat ή μόνη της. Απαιτεί πρόγραμμα Standard ή ανώτερο: σε χαμηλότερο η μπάρα εμφανίζεται αλλά δεν επιστρέφει αποτελέσματα.

Προσθέστε την ιδιότητα data-replace στην ετικέτα script και η μπάρα παίρνει τη θέση αυτής που έχει ήδη το θέμα σας. Προσθέστε το στο Settings, Code Injection, Footer, στο ίδιο σημείο με τον κώδικα του chat. Το Squarespace προσφέρει Code Injection μόνο σε πρόγραμμα Business ή Commerce, οπότε το χρειάζεστε για την εγκατάσταση.

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