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

Οδηγός βήμα προς βήμα για Bludit CMS

Πλατφόρμα:

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

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

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

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

Βήμα 2: Προσθήκη Κώδικα Χρησιμοποιώντας Plugin HTML Code (Προτεινόμενο)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot στον ιστότοπο Bludit σας είναι χρησιμοποιώντας το ενσωματωμένο plugin HTML Code:

Συνδεθείτε στον Πίνακα Διαχείρισης Bludit
Μεταβείτε στα Plugins στο αριστερό πλαϊνό μενού
Βρείτε το plugin «HTML Code» (συνήθως είναι προεγκατεστημένο)
Εάν δεν είναι ενεργό, κάντε κλικ στο «Ενεργοποίηση» για να το ενεργοποιήσετε
Κάντε κλικ στο «Διαμόρφωση» στο plugin HTML Code
Στη διαμόρφωση, θα δείτε πεδία για κώδικα Κεφαλίδας και Υποσέλιδου
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai στο πεδίο «Footer»
Κάντε κλικ στο «Αποθήκευση»

Συμβουλή: Η προσθήκη κώδικα στο Υποσέλιδο διασφαλίζει ότι φορτώνει στο τέλος των σελίδων σας, κάτι που δεν θα επιβραδύνει την αρχική φόρτωση του ιστότοπού σας. Αυτή η μέθοδος προσθέτει αυτόματα το chatbot σε όλες τις σελίδες του ιστότοπού σας.

Εναλλακτική Μέθοδος 1: Ενσωμάτωση Αρχείου Θέματος

Για περισσότερο έλεγχο, μπορείτε να προσθέσετε τον κώδικα απευθείας στα αρχεία του θέματός σας:

Συνδεθείτε στην εγκατάσταση Bludit μέσω FTP ή Διαχειριστή Αρχείων
Μεταβείτε στο /bl-themes/your-theme-name/
Ανοίξτε το αρχείο index.php για επεξεργασία
Βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Αποθηκεύστε το αρχείο
Εκκαθαρίστε την προσωρινή μνήμη του ιστότοπού σας εάν εφαρμόζεται

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

Εναλλακτική Μέθοδος 2: Προσαρμοσμένο Περιεχόμενο σε Σελίδες

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

Συνδεθείτε στον Πίνακα Διαχείρισης Bludit
Μεταβείτε στο Περιεχόμενο και επιλέξτε τη σελίδα που θέλετε να επεξεργαστείτε
Μεταβείτε σε λειτουργία HTML στον επεξεργαστή (εάν χρησιμοποιείτε οπτικό επεξεργαστή)
Προσθέστε τον κωδικό ενσωμάτωσης Asyntai οπουδήποτε στο περιεχόμενο σελίδας
Κάντε κλικ στο «Αποθήκευση»
Επαναλάβετε για άλλες σελίδες όπου θέλετε το chatbot

Σημαντικό: Κατά την προσθήκη κώδικα απευθείας στο περιεχόμενο σελίδας, θα χρειαστεί να τον προσθέσετε σε κάθε σελίδα ξεχωριστά. Για εγκατάσταση σε όλο τον ιστότοπο, χρησιμοποιήστε αντ' αυτού τη μέθοδο plugin HTML Code ή αρχείου θέματος.

Χρήση Hooks Plugin (Για Προχωρημένους)

Για προγραμματιστές που δημιουργούν προσαρμοσμένα plugin, το Bludit παρέχει plugin hooks:

siteBodyBegin - Εκτελείται στην κορυφή της ετικέτας <body>
siteBodyEnd - Εκτελείται στο κάτω μέρος, ιδανικό για κώδικα JavaScript όπως το widget Asyntai

Μπορείτε να δημιουργήσετε ένα προσαρμοσμένο plugin που χρησιμοποιεί το hook siteBodyEnd για να εισάγει τον κώδικα chatbot σε όλες τις σελίδες.

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

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

Δεν βλέπετε το widget; Βεβαιωθείτε ότι αποθηκεύσατε τη διαμόρφωση plugin ή τις αλλαγές αρχείου θέματος. Εκκαθαρίστε την προσωρινή μνήμη του προγράμματος περιήγησης και την προσωρινή μνήμη του Bludit (εάν είναι ενεργοποιημένη). Ελέγξτε την κονσόλα προγράμματος περιήγησης (F12) για τυχόν σφάλματα JavaScript.