כיצד להוסיף את צ'אטבוט ה-AI של 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: קבל את קוד ההטמעה שלך

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

שלב 2: שימוש בתוסף (מומלץ)

הדרך הקלה ביותר להוסיף את הצ'אטבוט לחנות ה-WooCommerce שלכם היא באמצעות תוסף header/footer חינמי:

1. התחברו ללוח הבקרה של WordPress
2. עברו אל Plugins → Add New
3. חפשו "Insert Headers and Footers" מאת WPCode (או תוסף דומה)
4. לחצו על "Install Now" ולאחר מכן על "Activate"
5. עברו אל Code Snippets → Header & Footer (או עמוד ההגדרות של התוסף)
6. הדביקו את קוד ההטמעה של Asyntai בקטע "Footer"
7. לחצו על "Save Changes"

חלופה: שימוש בהתאמה אישית של ערכת העיצוב

ערכות עיצוב רבות של WooCommerce כוללות אפשרויות מובנות להוספת סקריפטים מותאמים אישית:

1. עברו אל Appearance → Customize
2. חפשו קטע בשם "Additional CSS/JS", "Custom Code", או "Footer Scripts"
3. הדביקו את קוד ההטמעה של Asyntai בשדה המתאים
4. לחצו על "Publish" כדי לשמור את השינויים

חלופה: עריכת קבצי ערכת העיצוב (functions.php)

למפתחים או למי שמרגיש בנוח לערוך קבצי ערכת עיצוב:

1. עברו אל Appearance → Theme File Editor
2. בחרו את ערכת העיצוב הפעילה (או רצוי את ערכת העיצוב הבת)
3. פתחו את קובץ functions.php
4. הוסיפו את הקוד הבא בסוף הקובץ:
   function add_asyntai_chatbot() {
  echo '<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>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
6. לחצו על "Update File"

חלופה: Hook ספציפי ל-WooCommerce

כדי לטעון את הצ'אטבוט רק בעמודי WooCommerce (חנות, מוצר, עגלה, קופה):

1. הוסיפו קוד זה לקובץ functions.php של ערכת העיצוב:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<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>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
3. שמור את הקובץ

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

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