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

Πλατφόρμα:

WooCommerce

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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

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

Βήμα 2: Χρήση Plugin (Συνιστάται)

Ο πιο εύκολος τρόπος για να προσθέσετε το chatbot στο κατάστημά σας WooCommerce είναι χρησιμοποιώντας ένα δωρεάν plugin header/footer:

1. Συνδεθείτε στον Πίνακα Ελέγχου Διαχειριστή WordPress
2. Μεταβείτε στα Plugins → Add New
3. Αναζητήστε το "Insert Headers and Footers" από το WPCode (ή παρόμοιο plugin)
4. Κάντε κλικ στο "Install Now" και μετά στο "Activate"
5. Μεταβείτε στα Code Snippets → Header & Footer (ή τη σελίδα ρυθμίσεων του plugin)
6. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στην ενότητα "Footer"
7. Κάντε κλικ στο «Save Changes»

Εναλλακτική: Χρήση Theme Customizer

Πολλά θέματα WooCommerce έχουν ενσωματωμένες επιλογές για την προσθήκη προσαρμοσμένων scripts:

1. Μεταβείτε στο Appearance → Customize
2. Αναζητήστε μια ενότητα που ονομάζεται "Additional CSS/JS", "Custom Code", ή "Footer Scripts"
3. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο κατάλληλο πεδίο
4. Click "Publish" to save your changes

Εναλλακτική: Επεξεργασία Αρχείων Θέματος (functions.php)

For developers or those comfortable editing theme files:

1. Μεταβείτε στο Appearance → Theme File Editor
2. Επιλέξτε το ενεργό θέμα σας (ή κατά προτίμηση το child theme σας)
3. Ανοίξτε το αρχείο functions.php
4. Προσθέστε τον παρακάτω κώδικα στο τέλος του αρχείου:
   function add_asyntai_chatbot() {
  echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. Replace YOUR_WIDGET_ID with your actual widget ID
6. Κάντε κλικ στο "Update File"

Εναλλακτική: Hook Ειδικά για WooCommerce

Για να φορτώσετε το chatbot μόνο στις σελίδες WooCommerce (κατάστημα, προϊόν, καλάθι, ολοκλήρωση αγοράς):

1. Add this code to your theme's functions.php file:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. Replace YOUR_WIDGET_ID with your actual widget ID
3. Αποθηκεύστε το αρχείο

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

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