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

Οδηγός βήμα προς βήμα για ιστότοπους Concrete CMS (πρώην Concrete5)

Πλατφόρμα:

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

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

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

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

Βήμα 2: Προσθήκη Κώδικα στο Υποσέλιδο Θέματος (Προτεινόμενο)

Ο καλύτερος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες του ιστότοπου Concrete CMS σας είναι να επεξεργαστείτε το αρχείο υποσέλιδου του θέματός σας:

Αποκτήστε πρόσβαση στην εγκατάσταση Concrete CMS μέσω FTP ή Διαχειριστή Αρχείων
Μεταβείτε στον κατάλογο /application/themes/your_theme_name/
Εντοπίστε και ανοίξτε το αρχείο footer.php (ή ισοδύναμο πρότυπο υποσέλιδου)
Βρείτε τη γραμμή με την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Αποθηκεύστε το αρχείο και ανεβάστε το ξανά στον διακομιστή σας εάν το επεξεργάζεστε τοπικά
Εκκαθάριση cache Concrete CMS: Πίνακας Ελέγχου → Σύστημα & Ρυθμίσεις → Εκκαθάριση Cache

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

Εναλλακτική Μέθοδος 1: Μπλοκ HTML (Ευκολότερο για Μη Προγραμματιστές)

Εάν προτιμάτε να μην επεξεργάζεστε αρχεία θέματος, μπορείτε να χρησιμοποιήσετε το ενσωματωμένο μπλοκ HTML του Concrete CMS:

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

Σημείωση: Η μέθοδος μπλοκ HTML είναι ιδανική για την προσθήκη του chatbot σε συγκεκριμένες σελίδες. Για εγκατάσταση σε όλο τον ιστότοπο, θα χρειαστεί να προσθέσετε το μπλοκ HTML σε κάθε σελίδα, ή να χρησιμοποιήσετε τη μέθοδο υποσέλιδου θέματος που περιγράφεται παραπάνω. Η οπτική τοποθέτηση του μπλοκ δεν επηρεάζει πού εμφανίζεται το chatbot - θα εξακολουθεί να εμφανίζεται στην κάτω δεξιά γωνία.

Εναλλακτική Μέθοδος 2: Αρχείο Κεφαλίδας Θέματος

Μπορείτε επίσης να προσθέσετε τον κώδικα στο αρχείο κεφαλίδας του θέματός σας για εγκατάσταση σε ολόκληρο τον ιστότοπο:

Αποκτήστε πρόσβαση στα αρχεία του Concrete CMS μέσω FTP ή Διαχειριστή Αρχείων
Μεταβείτε στον φάκελο /application/themes/your_theme_name/
Ανοίξτε το αρχείο header.php (ή elements/header.php)
Βρείτε την ετικέτα κλεισίματος </head>
Επικολλήστε τον κώδικα ενσωμάτωσης του Asyntai αμέσως πριν την ετικέτα </head>
Αποθηκεύστε και ανεβάστε το αρχείο
Εκκαθαρίστε την κρυφή μνήμη από τον Πίνακα Ελέγχου

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

Συμβουλή: Βεβαιωθείτε ότι συμπεριλαμβάνετε τα απαραίτητα στοιχεία κεφαλίδας χρησιμοποιώντας <?php View::element('header_required'); ?> στο αρχείο header.php σας για να λειτουργεί σωστά το Concrete CMS.

Εναλλακτική Μέθοδος 3: Προσαρμοσμένο Πρότυπο (Για Προχωρημένους)

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

Δημιουργήστε ένα νέο αρχείο προτύπου σελίδας στο /application/themes/your_theme_name/
Ή αντιγράψτε ένα υπάρχον πρότυπο (π.χ., default.php) και μετονομάστε το
Προσθέστε τον κώδικα ενσωμάτωσης του Asyntai στο αρχείο προτύπου πριν το </body>
Στον Πίνακα Ελέγχου του Concrete CMS, μεταβείτε στο Σελίδες & Θέματα
Κάντε κλικ στους Τύπους Σελίδων
Επιλέξτε τον τύπο σελίδας με τον οποίο θέλετε να χρησιμοποιήσετε αυτό το πρότυπο
Αναθέστε το προσαρμοσμένο πρότυπό σας στον τύπο σελίδας
Όλες οι σελίδες που χρησιμοποιούν αυτόν τον τύπο σελίδας θα περιλαμβάνουν πλέον το chatbot

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

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

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

Δεν βλέπετε το widget; Βεβαιωθείτε ότι έχετε εκκαθαρίσει την κρυφή μνήμη του Concrete CMS (Πίνακας Ελέγχου → Σύστημα & Ρυθμίσεις → Εκκαθάριση Κρυφής Μνήμης). Δοκιμάστε να δείτε τον ιστότοπό σας σε παράθυρο ανώνυμης περιήγησης. Ελέγξτε ότι έχετε αποθηκεύσει και ανεβάσει όλες τις αλλαγές αρχείων. Ανοίξτε την κονσόλα του προγράμματος περιήγησης (F12) για να ελέγξετε για τυχόν σφάλματα JavaScript.