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

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

Πλατφόρμα:

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

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

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

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

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

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

Μέθοδος 1: Χρήση Plugin (Συνιστάται)

Ο πιο εύκολος τρόπος για να προσθέσετε το chat widget είναι με τη χρήση ενός plugin όπως το "Insert Headers and Footers" ή το "WPCode".

Χρήση WPCode (Δωρεάν)

Go to Plugins → Add New in your WordPress admin
Αναζητήστε το "WPCode" και εγκαταστήστε το
Ενεργοποιήστε το plugin
Μεταβείτε στα Code Snippets → Header & Footer
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στην ενότητα "Footer"
Κάντε κλικ στο «Save Changes»

Χρήση του Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Αναζητήστε το "Insert Headers and Footers" από το WPBeginner
Εγκαταστήστε και ενεργοποιήστε το plugin
Μεταβείτε στις Settings → Insert Headers and Footers
Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο πλαίσιο "Scripts in Footer"
Κάντε κλικ στο «Αποθήκευση»

Γιατί να χρησιμοποιήσετε plugin; Η χρήση plugin διασφαλίζει ότι ο κώδικάς σας παραμένει στη θέση του ακόμα και όταν ενημερώνετε ή αλλάζετε το θέμα WordPress σας.

Μέθοδος 2: Επεξεργασία Αρχείων Θέματος

Μπορείτε να προσθέσετε τον κώδικα απευθείας στα αρχεία θέματός σας. Η τοποθεσία του Theme File Editor εξαρτάται από την έκδοση WordPress και τον τύπο θέματος σας.

Για Κλασικά Θέματα

Μεταβείτε στο Appearance → Theme File Editor στον διαχειριστή WordPress σας
Select your active theme from the dropdown (if not already selected)
Βρείτε και κάντε κλικ στο footer.php στη λίστα αρχείων στα δεξιά
Μετακινηθείτε στο κάτω μέρος και βρείτε την ετικέτα κλεισίματος </body>
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai ακριβώς πριν από την ετικέτα </body>
Κάντε κλικ στο "Update File"

Για Block Themes (FSE Themes)

Εάν χρησιμοποιείτε ένα θέμα βασισμένο σε blocks (όπως Twenty Twenty-Four ή άλλα θέματα Full Site Editing), ο Theme File Editor έχει μετακινηθεί:

Μεταβείτε στα Tools → Theme File Editor στον διαχειριστή WordPress σας
Επιλέξτε το ενεργό θέμα σας από το αναπτυσσόμενο μενού
Αναζητήστε το footer.php ή το footer.html στη λίστα αρχείων
Προσθέστε τον κώδικα ενσωμάτωσης Asyntai πριν από την ετικέτα κλεισίματος </body>
Κάντε κλικ στο "Update File"

Σημείωση: Ορισμένα block themes δεν έχουν αρχείο footer.php. Σε αυτή την περίπτωση, χρησιμοποιήστε τη μέθοδο plugin (WPCode) η οποία λειτουργεί με όλους τους τύπους θεμάτων.

Σημαντικό: Οι ενημερώσεις θέματος θα αντικαταστήσουν τις αλλαγές σας. Για μόνιμη λύση, χρησιμοποιήστε ένα child theme ή τη μέθοδο plugin.

Μέθοδος 3: Χρήση Elementor

Εάν χρησιμοποιείτε Elementor, μπορείτε να προσθέσετε τον κώδικα μέσω της λειτουργίας custom code του Elementor.

Elementor Pro

Μεταβείτε στο Elementor → Custom Code
Κάντε κλικ στο "Add New"
Δώστε του ένα όνομα όπως "Asyntai Chatbot\
Ορίστε τη Θέση σε "Before </body> End"
Επικολλήστε τον κωδικό ενσωμάτωσης Asyntai
Ορίστε τις Συνθήκες Εμφάνισης σε "Entire Site"
Κάντε κλικ στο "Publish"

Elementor Free

Εάν χρησιμοποιείτε τη δωρεάν έκδοση του Elementor, χρησιμοποιήστε τη μέθοδο plugin που περιγράφεται παραπάνω, καθώς η εισαγωγή custom code απαιτεί Elementor Pro.

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

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

Δεν βλέπετε το widget; Εκκαθαρίστε την κρυφή μνήμη του προγράμματος περιήγησής σας και τυχόν plugins κρυφής μνήμης WordPress. Εάν χρησιμοποιείτε plugin κρυφής μνήμης όπως WP Rocket ή W3 Total Cache, εκκαθαρίστε την κρυφή μνήμη μετά την προσθήκη του κώδικα.

Τεκμηρίωση