כיצד להוסיף צ'אטבוט AI של Asyntai ל-PrestaShop

פלטפורמה:

PrestaShop

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: שימוש במודול קוד מותאם אישית (מומלץ)

הדרך הקלה ביותר להוסיף את הצ'אטבוט היא באמצעות מודול "Custom Code" חינמי מ-marketplace של PrestaShop Addons:

1. היכנסו לBack Office של PrestaShop
2. עברו אל Modules → Module Manager
3. לחצו על "Upload a module" או חפשו ב-marketplace "Custom Code" או "Header Footer Scripts\
4. התקינו מודול כמו "Custom JS and CSS" או דומה
5. לאחר ההתקנה, עברו להגדרות המודול
6. מצאו את הקטע "Footer Scripts" או "Before </body>"
7. הדבק את קוד ההטמעה של Asyntai
8. לחץ על "Save"

חלופה: עריכת תבנית התבנית (PrestaShop 1.7+/8)

ניתן להוסיף את הקוד ישירות לתבנית הפוטר של התבנית שלכם:

1. גשו לקבצי PrestaShop שלכם דרך FTP או מנהל קבצים
2. נווטו לתיקיית התבנית: themes/your_theme/templates/_partials/
3. פתחו את הקובץ footer.tpl (או בחלק מהתבניות, בדקו templates/layouts/layout-both-columns.tpl)
4. מצאו את תגית הסגירה </body> או את הקטע {block name='javascript_bottom'}
5. הדביקו את קוד ההטמעה של Asyntai ממש לפני תגית הסגירה </body>
6. שמור את הקובץ
7. נקו מטמון PrestaShop: Advanced Parameters → Performance → Clear cache

חלופה: שימוש בקובץ JavaScript מותאם אישית של התבנית

תבניות PrestaShop רבות כוללות קובץ custom.js לסקריפטים שלכם:

1. נווטו אל: themes/your_theme/assets/js/
2. חפשו קובץ בשם custom.js (צרו אותו אם הוא לא קיים)
3. הוסיפו את הקוד הבא כדי לטעון את הצ'אטבוט באופן דינמי:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
4. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
5. נקו מטמון PrestaShop

חלופה: צרו מודול פשוט (למפתחים)

למפתחים, ניתן ליצור מודול פשוט באמצעות hook של displayFooter:

1. צרו תיקייה: modules/asyntaichatbot/
2. צרו asyntaichatbot.php עם קוד זה:
   <?php
class AsyntaiChatbot extends Module {
  public function __construct() {
    $this->name = 'asyntaichatbot';
    $this->version = '1.0.0';
    $this->author = 'Your Name';
    parent::__construct();
    $this->displayName = 'Asyntai Chatbot';
  }
  public function install() {
    return parent::install() && $this->registerHook('displayFooter');
  }
  public function hookDisplayFooter($params) {
    return '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
3. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
4. התקינו את המודול דרך Modules → Module Manager

שלב 3: אמת את ההתקנה

לאחר שמירת השינויים וניקוי המטמון, בקרו בחנות שלכם בלשונית דפדפן חדשה או בחלון גלישה פרטית. אתם אמורים לראות את כפתור הצ'אט בפינה הימנית התחתונה. לחצו עליו כדי לוודא שהוא נפתח ופועל כראוי.