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

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

Πλατφόρμα:

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

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

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

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

Βήμα 2: Επιλέξτε Μέθοδο Εγκατάστασης

Υπάρχουν αρκετοί τρόποι για να προσθέσετε το chat widget στον ιστότοπό σας Weebly. Επιλέξτε τη μέθοδο που σας ταιριάζει καλύτερα:

Μέθοδος 1: Κώδικας Υποσέλιδου Ολόκληρου Ιστότοπου (Συνιστάται)

Αυτή η μέθοδος προσθέτει αυτόματα το chatbot σε κάθε σελίδα του ιστότοπού σας Weebly.

Συνδεθείτε στον λογαριασμό Weebly σας και ανοίξτε τον επεξεργαστή ιστότοπου
Κάντε κλικ στο Settings στο επάνω μενού
Επιλέξτε SEO από την αριστερή πλαϊνή στήλη
Scroll down to find the Footer Code section
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai στο πλαίσιο Footer Code
Κάντε κλικ στο Αποθήκευση
Click Publish to make the changes live

Γιατί Κώδικας Υποσέλιδου; Η προσθήκη του script στο υποσέλιδο διασφαλίζει ότι φορτώνεται μετά το περιεχόμενο της σελίδας σας, κάτι που είναι βέλτιστο για την απόδοση και δεν θα επιβραδύνει τον ιστότοπό σας.

Μέθοδος 2: Εγκατάσταση σε Μία Σελίδα

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

In the Weebly editor, click on Pages in the top menu
Επιλέξτε τη σελίδα όπου θέλετε να προσθέσετε το chatbot
Κάντε κλικ στο SEO Settings (ή Advanced Settings) για αυτή τη σελίδα
Βρείτε την ενότητα Footer Code
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ στο Αποθήκευση
Επαναλάβετε για τυχόν άλλες σελίδες όπου θέλετε το chatbot
Click Publish to make the changes live

Σημείωση: Ο κώδικας σε επίπεδο σελίδας επηρεάζει μόνο αυτή τη συγκεκριμένη σελίδα. Αν θέλετε το chatbot σε πολλές σελίδες, η μέθοδος για ολόκληρο τον ιστότοπο είναι πιο αποδοτική.

Μέθοδος 3: Χρήση Στοιχείου Embed Code

Μπορείτε επίσης να χρησιμοποιήσετε το στοιχείο Embed Code του Weebly, αν και η μέθοδος υποσέλιδου προτιμάται για chat widgets:

Στον επεξεργαστή Weebly, μεταβείτε στην καρτέλα Build
Βρείτε το στοιχείο Embed Code στην ενότητα Basic
Drag the Embed Code element to your page (preferably near the bottom)
Κάντε κλικ στο στοιχείο και επιλέξτε Edit Custom HTML
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Κάντε κλικ έξω από το στοιχείο για αποθήκευση
Click Publish to make the changes live

Σημαντικό: Το στοιχείο Embed Code δεν θα εμφανίσει προεπισκόπηση στον επεξεργαστή. Θα πρέπει να δημοσιεύσετε τον ιστότοπό σας για να δείτε το chatbot να λειτουργεί.

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

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

Δεν βλέπετε το widget; Το Weebly δεν εμφανίζει προεπισκοπήσεις για κώδικα που προστίθεται σε ενότητες κεφαλίδας/υποσέλιδου. Βεβαιωθείτε ότι έχετε κάνει κλικ στο «Publish» για να κάνετε τις αλλαγές σας ζωντανές. Δοκιμάστε να εκκαθαρίσετε την κρυφή μνήμη του προγράμματος περιήγησής σας ή να δείτε σε παράθυρο ανώνυμης περιήγησης.

Σημείωση για το Weebly Square Online

Αν χρησιμοποιείτε το Square Online (την πλατφόρμα ηλεκτρονικού εμπορίου του Weebly), τα βήματα είναι παρόμοια:

Μεταβείτε στον πίνακα ελέγχου του Square Online σας
Μεταβείτε στο Website > Site Settings
Αναζητήστε το Advanced Settings ή το Custom Code
Προσθέστε τον κώδικα ενσωμάτωσης του Asyntai στην ενότητα υποσέλιδου
Αποθηκεύστε και δημοσιεύστε τις αλλαγές σας

Τεκμηρίωση