ΑρχικήΤεκμηρίωση

Πρόσθετο WordPress

Προσθέστε τα ChatReact AI chatbots, φόρμες επικοινωνίας και accordions FAQ στον ιστότοπό σας WordPress με το επίσημο πρόσθετό μας.

Λήψη

Το πρόσθετο είναι διαθέσιμο στον επίσημο Κατάλογο Προσθέτων WordPress, ή ως άμεση λήψη:

Download ChatReact Plugin v1.2.0

Εγκατάσταση

Μέθοδος 1: Κατάλογος Προσθέτων WordPress (Συνιστάται)

  1. Πηγαίνετε στο Πρόσθετα → Προσθήκη νέου στον πίνακα διαχείρισης WordPress
  2. Αναζητήστε ChatReact
  3. Κάντε κλικ στο Εγκατάσταση τώρα, στη συνέχεια Ενεργοποίηση

Μέθοδος 2: Ανέβασμα μέσω του διαχειριστικού WordPress

  1. Κατεβάστε το αρχείο ZIP του πρόσθετου παραπάνω
  2. Πηγαίνετε στο Πρόσθετα → Προσθήκη νέου → Ανέβασμα προσθέτου
  3. Επιλέξτε το αρχείο ZIP και κάντε κλικ στο Εγκατάσταση τώρα
  4. Κάντε κλικ στο Ενεργοποίηση πρόσθετου

Μέθοδος 3: Χειροκίνητο ανέβασμα μέσω FTP

  1. Εξαγάγετε το αρχείο ZIP
  2. Ανεβάστε τον φάκελο chatreact στο /wp-content/plugins/
  3. Πηγαίνετε στα Πρόσθετα στον διαχειριστή του WordPress
  4. Βρείτε το "ChatReact" και κάντε κλικ στο Ενεργοποίηση

Διαμόρφωση

Μετά την ενεργοποίηση, ανοίξτε το μενού ChatReact στην πλαϊνή μπάρα του πίνακα διαχείρισης για ρυθμίσεις και οδηγίες χρήσης.

Εύρεση ID του Chatbot

  1. Συνδεθείτε στο chatreact.ai
  2. Πηγαίνετε στο Dashboard του chatbot σας
  3. Κάντε κλικ στο κουμπί Copy δίπλα στο Chatbot ID (εμφανίζεται στην κορυφή)

Εύρεση ID της Φόρμας

  1. Συνδεθείτε στο chatreact.ai
  2. Πηγαίνετε στα Forms
  3. Κάντε κλικ στο Copy embed code στη φόρμα σας (ή ανοίξτε τη φόρμα και μεταβείτε στην καρτέλα Embed)
  4. Το Form ID είναι η τιμή του data-form-id στον αντιγραμμένο embed κώδικα

Επιλογές Χρήσης

Το πρόσθετο προσφέρει πολλούς τρόπους για να προσθέσετε το ChatReact στον ιστότοπό σας:

1. Shortcodes

Προσθέστε σε οποιαδήποτε σελίδα, ανάρτηση ή περιοχή widget:

Chat Widget:

[chatreact id="YOUR_CHATBOT_ID"]

Προαιρετικά χαρακτηριστικά: language

Contact Form:

[chatreact_form id="YOUR_FORM_ID"]

Προαιρετικά χαρακτηριστικά: language

FAQ Accordion:

[chatreact_faq id="YOUR_CHATBOT_ID"]

Προαιρετικά χαρακτηριστικά: categories, container, language

Οπτικές ρυθμίσεις όπως θέση, χρώματα και αυτόματο άνοιγμα διαχειρίζονται κεντρικά στο dashboard του ChatReact και εφαρμόζονται αυτόματα στον ιστότοπό σας WordPress. Το χαρακτηριστικό language είναι προαιρετικό σε όλα τα shortcodes — αν το παραλείψετε, η γλώσσα της τρέχουσας σελίδας εντοπίζεται αυτόματα (λειτουργεί σε πολυγλωσσικούς ιστότοπους).

2. Gutenberg Blocks

Στον επεξεργαστή μπλοκ:

  1. Κάντε κλικ στο + για να προσθέσετε ένα μπλοκ
  2. Αναζητήστε "ChatReact"
  3. Επιλέξτε ChatReact Chat, ChatReact Form, ή ChatReact FAQ
  4. Εισάγετε το ID σας στις ρυθμίσεις του μπλοκ

3. Elementor

Αν χρησιμοποιείτε Elementor:

  1. Επεξεργαστείτε τη σελίδα σας με Elementor
  2. Αναζητήστε "ChatReact" στα widgets
  3. Σύρετε το widget στη σελίδα σας
  4. Διαμορφώστε το στο αριστερό πλαίσιο

4. Αναθέσεις Widget (Ρυθμίσεις Προσθέτου)

Εμφανίστε ένα chatbot σε συγκεκριμένες σελίδες — ή σε ολόκληρο τον ιστότοπο — χωρίς να επεξεργαστείτε περιεχόμενο:

  1. Ανοίξτε το μενού ChatReact στην πλαϊνή μπάρα του διαχειριστή
  2. Στην καρτέλα Chat Widget, βρείτε τις Widget Assignments
  3. Κάντε κλικ στο Add Assignment, επιλέξτε μια σελίδα ή ανάρτηση (ή επιλέξτε Everywhere), και εισάγετε το Chatbot ID σας
  4. Κάντε κλικ στο Save Changes

Για αναθέσεις Everywhere μπορείτε να εξαιρέσετε συγκεκριμένα URLs — ένα ανά γραμμή, με υποστήριξη wildcard (π.χ. /blog/* ή /checkout) — για να κρύψετε το widget σε landing pages ή κατά τη διαδικασία checkout.

Από προεπιλογή μόνο οι Σελίδες είναι αναζητήσιμες κατά την ανάθεση. Κάντε κλικ στο κουμπί Post Types για να κάνετε και άλλους τύπους περιεχομένου (π.χ. Posts ή προσαρμοσμένους τύπους) αναζητήσιμους.

5. Ανάθεση σε Επίπεδο Σελίδας

Αναθέστε ένα chatbot σε μεμονωμένη σελίδα απευθείας από τον επεξεργαστή:

  1. Επεξεργαστείτε οποιαδήποτε σελίδα ή ανάρτηση
  2. Βρείτε το μετα-πλαίσιο "ChatReact Widget"
  3. Επισημάνετε Enable custom widget for this page
  4. Εισάγετε το Chatbot ID σας και προαιρετικά επιλέξτε θέση (Default, Bottom Right, Bottom Left)
  5. Αποθηκεύστε τη σελίδα

Το ίδιο μετα-πλαίσιο προσφέρει επίσης την επιλογή Disable all widgets on this page αν θέλετε να αποκρύψετε πλήρως το ChatReact σε ορισμένες σελίδες.

Παραδείγματα Shortcode

Βασικό Chat Widget

[chatreact id="abc123"]

Chat Widget με Σταθερή Γλώσσα

[chatreact id="abc123" language="de"]

FAQ με Φίλτρο Κατηγορίας

[chatreact_faq id="abc123" categories="shipping,returns"]

Στυλιζαρισμένη Φόρμα Επικοινωνίας

[chatreact_form id="form123" language="en"]

FAQ Widget: SEO & Caching

FAQ φιλικά προς το SEO

Από την έκδοση 1.1.2, τα widgets FAQ αποδίδονται server-side: τα FAQ σας είναι μέρος του HTML της σελίδας και περιλαμβάνουν δομημένα δεδομένα JSON-LD (FAQPage schema). Οι μηχανές αναζήτησης και οι βοηθοί AI μπορούν να τα διαβάσουν χωρίς να εκτελέσουν JavaScript.

llms.txt για AI Crawlers

Το πρόσθετο μπορεί να παρέχει το περιεχόμενο FAQ σας στο yoursite.com/llms.txt, ένα αρχείο ανακάλυψης που διαβάζεται από crawlers AI. Είναι ενεργοποιημένο από προεπιλογή. Για να το ενεργοποιήσετε/απενεργοποιήσετε ή να ορίσετε συγκεκριμένο Chatbot ID για το αρχείο, πηγαίνετε στο ChatReact → FAQ Widget → Cache & SEO Settings.

Cache των FAQ

Τα δεδομένα FAQ αποθηκεύονται στην cache του διακομιστή σας για γρήγορο φόρτωμα σελίδας. Στο ChatReact → FAQ Widget → Cache & SEO Settings μπορείτε να:

  • Ορίσετε τη Cache Duration — 1, 3, 6 (συνιστάται), 12, ή 24 ώρες, ή να απενεργοποιήσετε την cache
  • Κάνετε κλικ στο Clear Cache για άμεση ανανέωση των FAQ σας

Η cache επίσης καθαρίζεται αυτόματα όποτε αλλάζουν τα FAQ σας στο dashboard του ChatReact.

Υποστηριζόμενες Γλώσσες

Το πρόσθετο υποστηρίζει 24 γλώσσες της ΕΕ:

  • Bulgarian, Croatian, Czech, Danish, Dutch, English
  • Estonian, Finnish, French, German, Greek, Hungarian
  • Irish, Italian, Latvian, Lithuanian, Maltese, Polish
  • Portuguese, Romanian, Slovak, Slovenian, Spanish, Swedish

Από την έκδοση 1.2.0, οι μεταφράσεις για όλες τις 24 γλώσσες περιλαμβάνονται στο πρόσθετο. Η γλώσσα του widget εντοπίζεται αυτόματα από την τρέχουσα σελίδα, έτσι οι πολυγλωσσικοί ιστότοποι λειτουργούν άμεσα — χρησιμοποιήστε το χαρακτηριστικό language μόνο αν θέλετε να επιβάλετε συγκεκριμένη γλώσσα.

Αντιμετώπιση Προβλημάτων

Το Widget δεν εμφανίζεται

  1. Επαληθεύστε ότι το Chatbot ID είναι σωστό
  2. Ελέγξτε αν το chatbot είναι ενεργό στο dashboard του ChatReact
  3. Καθαρίστε τυχόν πρόσθετα cache σελίδας (δείτε παρακάτω)
  4. Ελέγξτε την κονσόλα του προγράμματος περιήγησης για σφάλματα JavaScript

Συμβατότητα με Πρόσθετα Caching

Το πρόσθετο είναι πλήρως συμβατό με δημοφιλή πρόσθετα caching και βελτιστοποίησης όπως WP Rocket, LiteSpeed Cache, Autoptimize, και WP Super Cache. Το πρόσθετο αποτρέπει αυτόματα αυτά τα εργαλεία από το να ελαχιστοποιούν ή να cache-άρουν τα scripts του ChatReact.

Αν εξακολουθείτε να αντιμετωπίζετε προβλήματα (π.χ., σφάλματα 404, το widget δεν φορτώνει για αποσυνδεδεμένους επισκέπτες):

  1. Καθαρίστε την cache του πρόσθετου caching
  2. Εξαιρέστε τον φάκελο chatreact από την ελαχιστοποίηση/συνένωση JS στις ρυθμίσεις του πρόσθετου caching
  3. Το πρόσθετο χρησιμοποιεί τα attributes data-api-url ως fallback για να εξασφαλίσει σωστή επικοινωνία με το API

Τα FAQs δεν ενημερώνονται

Αν ο ιστότοπός σας εμφανίζει παλιά FAQs, πηγαίνετε στο ChatReact → FAQ Widget και κάντε κλικ στο Clear Cache. Η cache επίσης καθαρίζει αυτόματα όταν επεξεργάζεστε τα FAQs στο dashboard του ChatReact.

Συγκρούσεις Στυλ

Αν το widget φαίνεται σπασμένο:

  • Το widget χρησιμοποιεί απομονωμένο CSS
  • Ελέγξτε για κανόνες CSS με !important στο θέμα σας
  • Δοκιμάστε να απενεργοποιήσετε προσωρινά άλλα πρόσθετα chat

Πολλαπλά Widgets

Μπορείτε να χρησιμοποιήσετε διαφορετικά chatbots σε διαφορετικές σελίδες καθορίζοντας μοναδικά IDs σε κάθε shortcode ή μπλοκ.

Ενοποίηση CMS (Smart Sitemap)

Αρχίζοντας από την έκδοση 1.1.0, το πρόσθετο ChatReact για WordPress περιλαμβάνει τη λειτουργία Smart Sitemap που παρέχει στον crawler του ChatReact δομημένα μεταδεδομένα περιεχομένου απευθείας από τον ιστότοπό σας WordPress.

Πώς Λειτουργεί

  1. Generate an Integration Key στο dashboard του ChatReact (Knowledge Base → Websites → CMS Integrations)
  2. Paste the key στις ρυθμίσεις του πρόσθετου WordPress στην καρτέλα Integration
  3. Select content types που θέλετε να μοιραστείτε (Pages, Posts, Custom Post Types)
  4. Set priorities (High/Medium/Low) ανά τύπο περιεχομένου
  5. Όταν το crawler σαρώσει τον ιστότοπό σας, το ChatReact θα χρησιμοποιεί αυτόματα το smart sitemap αντί για την κανονική ανακάλυψη μέσω συνδέσμων

Οφέλη

  • Faster crawling – Άμεση λίστα URL αντί για ανακάλυψη σύνδεσμος-προς-σύνδεσμο
  • Content type awareness – Ο crawler γνωρίζει αν ένα URL είναι Σελίδα, Ανάρτηση ή Προσαρμοσμένος Τύπος
  • Priority-based indexing – Το σημαντικό περιεχόμενο (όπως οι Σελίδες) μπορεί να έχει μεγαλύτερη βαρύτητα από τα άρθρα
  • Selective sharing – Μοιραστείτε μόνο τους τύπους περιεχομένου που θέλετε
  • Per-post exclusion – Εξαιρέστε μεμονωμένες αναρτήσεις/σελίδες από το sitemap μέσω του μετα-πλαισίου

Επίπεδα Προτεραιότητας

PriorityDefault forDescription
HighPagesΒασικό περιεχόμενο επιχείρησης (About, Services, Contact)
MediumPostsΆρθρα ιστολογίου, ενημερώσεις ειδήσεων
LowΣυμπληρωματικό περιεχόμενο

Ασφάλεια

Το endpoint του smart sitemap (/wp-json/chatreact/v1/sitemap) προστατεύεται με το Integration Key. Δεν είναι ορατό στις μηχανές αναζήτησης ή σε άλλους crawlers — μόνο το ChatReact μπορεί να το προσπελάσει με το σωστό κλειδί.

Εξαίρεση Μεμονωμένων Αναρτήσεων

Στον επεξεργαστή WordPress, κάθε ανάρτηση/σελίδα έχει ένα μετα-πλαίσιο ChatReact Widget με επιλογή "Exclude from ChatReact Sitemap". Οι επισημασμένες αναρτήσεις δεν θα εμφανίζονται στο smart sitemap.

Απαιτήσεις

  • WordPress 5.8 ή νεότερο
  • PHP 7.4 ή νεότερο
  • Ένας λογαριασμός ChatReact (sign up free)

Changelog

1.2.0

  • NEW: Bundled translations for all 24 official EU languages

1.1.3

  • FIX: Single-category FAQ widgets no longer show an unnecessary "All" filter button and category badges

1.1.2

  • NEW: Server-side rendering for FAQ widgets — FAQs are visible to search engines and LLMs without JavaScript
  • NEW: JSON-LD structured data (FAQPage schema) for improved SEO and rich results
  • NEW: llms.txt endpoint for AI crawler discoverability
  • NEW: Automatic FAQ cache purge when content changes in the ChatReact dashboard

1.1.1

  • FIX: Translation improvements (Romanian, Dutch)

1.1.0

  • NEW: Smart Sitemap (CMS Integration) — structured content sharing with ChatReact crawler
  • NEW: Integration tab in plugin settings
  • NEW: Content type selection with priority levels
  • NEW: Per-post exclusion from sitemap via meta box
  • NEW: Protected REST API endpoint for smart sitemap
  • FIX: Full compatibility with caching plugins (WP Rocket, LiteSpeed Cache, Autoptimize, WP Super Cache)
  • FIX: Widget loading issues for logged-out visitors with caching plugins

1.0.24

  • Widget Assignments — assign chatbots to pages directly from plugin settings
  • Gutenberg blocks support
  • Elementor integration
  • 24 language translations
  • Page-level widget assignment
  • CHANGED: Widget settings are now managed centrally in the ChatReact dashboard — removed the position, primary_color, and auto_open shortcode attributes (language is still supported)

Επόμενα Βήματα