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

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

Πλατφόρμα:

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

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

<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: Επιλέξτε Μέθοδο Εγκατάστασης

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

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

Ο πιο εύκολος τρόπος για να προσθέσετε το widget συνομιλίας είναι με το δωρεάν πρόσθετο «WPCode» (παλαιότερα «Insert Headers and Footers»).

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

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

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

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

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

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

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

Για Block Themes (FSE Themes)

Τα θέματα μπλοκ (όπως το Twenty Twenty-Four και άλλα θέματα Full Site Editing) δεν έχουν αρχείο footer.php ούτε ετικέτα </body> στα αρχεία τους. Για θέμα μπλοκ, χρησιμοποιήστε τη μέθοδο με πρόσθετο (WPCode), η οποία λειτουργεί με όλους τους τύπους θεμάτων.

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

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

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

Elementor Pro

Μεταβείτε στο Elementor → Custom Code
Κάντε κλικ στο "Add New"
Δώστε του ένα όνομα όπως «Asyntai Chatbot»
Ορίστε το Location σε «<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, εκκαθαρίστε την κρυφή μνήμη μετά την προσθήκη του κώδικα.

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

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

Προσθέστε το χαρακτηριστικό data-replace στην ετικέτα script και η γραμμή θα πάρει τη θέση αυτής που έχει ήδη το θέμα σας. Προσθέστε το με το ίδιο πρόσθετο κεφαλίδας και υποσέλιδου που χρησιμοποιήσατε για τον κώδικα της συνομιλίας, όπως το WPCode. Το script δεν χρειάζεται να βρίσκεται κοντά στο πλαίσιο αναζήτησης, οπότε δεν χρειάζεται να επεξεργαστείτε κανένα αρχείο θέματος.

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

Διαβάστε τον πλήρη οδηγό για τη μπάρα αναζήτησης AI

Τεκμηρίωση