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

Πλατφόρμα:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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 και μετακινηθείτε προς τα κάτω στην ενότητα «Embed Code». Αντιγράψτε τον μοναδικό σας κωδικό ενσωμάτωσης, ο οποίος θα μοιάζει κάπως έτσι:

Βήμα 2: Προσθήκη στη Διάταξη Template (Συνιστάται)

Ο ευκολότερος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες είναι η επεξεργασία του κύριου template διάταξης στον πίνακα ελέγχου ExpressionEngine:

1. Στον πίνακα ελέγχου EE, μεταβείτε στο Developer > Templates > Template Groups
2. Ανοίξτε την κύρια ομάδα template σας (συνήθως "site") και επεξεργαστείτε το template διάταξης (ή το template που περιβάλλει όλες τις σελίδες)
3. Βρείτε την ετικέτα κλεισίματος </body>
4. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai αμέσως πριν την ετικέτα </body>:
   <!-- Asyntai AI Chatbot --> <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> </body>
5. Αποθηκεύστε το template

Εναλλακτική Μέθοδος 1: Χρήση EE Template Partials

Τα Template Partials του ExpressionEngine σάς επιτρέπουν να δημιουργείτε επαναχρησιμοποιήσιμα αποσπάσματα που μπορούν να συμπεριληφθούν σε διάφορα templates:

1. Μεταβείτε στο Developer > Templates > Template Partials
2. Κάντε κλικ στο "New" για να δημιουργήσετε ένα νέο partial με το όνομα _asyntai_widget
3. Επικολλήστε τον κώδικα ενσωμάτωσης Asyntai στο περιεχόμενο partial:
   <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>
4. Αποθηκεύστε το partial
5. Συμπεριλάβετέ το στο template διάταξης ακριβώς πριν από την ετικέτα κλεισίματος </body>:
   {embed="_asyntai_widget"} </body>

Εναλλακτική Μέθοδος 2: Χρήση HTML Header/Footer του EE

Ορισμένες ρυθμίσεις ExpressionEngine παρέχουν ένα καθολικό τμήμα footer για την προσθήκη scripts:

1. Μεταβείτε στο Settings > Content & Design > Global Template Preferences
2. Αν η ρύθμιση EE σας διαθέτει καθολικό τμήμα footer, επικολλήστε εκεί τον κώδικα ενσωμάτωσης Asyntai
3. Αν δεν υπάρχει διαθέσιμο καθολικό τμήμα footer, επεξεργαστείτε απευθείας το κύριο template διάταξης και προσθέστε τον κώδικα ενσωμάτωσης πριν από την ετικέτα κλεισίματος </body>:
   <!-- Asyntai AI Chatbot --> <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> </body>
4. Αποθηκεύστε τις αλλαγές σας

Εναλλακτική Μέθοδος 3: Χρήση config.php

Για προχωρημένους χρήστες, μπορείτε να εισάγετε το script chatbot μέσω της διαμόρφωσης του ExpressionEngine ή δημιουργώντας ένα προσαρμοσμένο add-on:

1. Αποκτήστε πρόσβαση στα αρχεία έργου ExpressionEngine μέσω FTP, SSH ή του επεξεργαστή κώδικα
2. Μεταβείτε στον κατάλογο system/user/config/ και ανοίξτε το config.php
3. Για προσαρμοσμένη εισαγωγή JavaScript, εξετάστε τη δημιουργία ενός απλού EE add-on/extension που συνδέεται με το hook template_post_parse για την εισαγωγή του script κατά την απόδοση σελίδας:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<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>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Αντικαταστήστε το YOUR_WIDGET_ID με το πραγματικό widget ID από τον πίνακα ελέγχου

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

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