איך להוסיף צ'אטבוט AI של Asyntai ל-HubSpot

פלטפורמה:

HubSpot

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

הדרך הקלה ביותר להוסיף את הצ'אטבוט לכל העמודים באתר HubSpot שלך:

1. התחבר לחשבון HubSpot שלך
2. לחץ על סמל ההגדרות (גלגל שיניים) בסרגל הניווט הראשי
3. בסרגל הצד השמאלי, נווט אל Website > Pages
4. גלול למטה לחלק "Site footer HTML"
5. הדבק את קוד ההטמעה של Asyntai באזור הטקסט
6. לחץ על "Save" בתחתית העמוד

חלופה: התקנה לעמוד ספציפי

אם אתה רוצה את הצ'אטבוט רק בעמודים ספציפיים:

1. עבור אל Marketing > Website > Website Pages (או Landing Pages)
2. לחץ על העמוד שברצונך לערוך
3. בעורך העמוד, לחץ על Settings בחלק העליון
4. גלול למטה אל "Advanced options"
5. מצא את חלק "Footer HTML"
6. הדבק את קוד ההטמעה של Asyntai
7. לחץ על "Apply changes" ופרסם את העמוד שלך

חלופה: שימוש ב-Design Manager

לשליטה רבה יותר, ניתן להוסיף קובץ JavaScript דרך Design Manager:

1. עבור אל Marketing > Files and Templates > Design Tools
2. בסרגל הצד השמאלי, לחץ על File > New file
3. בחר "JavaScript" מהתפריט הנפתח
4. תן שם לקובץ שלך (למשל, asyntai-chatbot.js)
5. הוסף את הקוד הבא:
   (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);
})();
6. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
7. לחץ על "Publish changes"
8. כלול קובץ זה בתבנית שלך באמצעות require_js או קשר אותו בהגדרות האתר שלך

חלופה: שימוש במודולים מותאמים אישית

צור מודול לשימוש חוזר עבור הצ'אטבוט:

1. עבור אל Marketing > Files and Templates > Design Tools
2. לחץ על File > New file > Module
3. תן לו שם "Asyntai Chatbot"
4. בקובץ module.html, הדבק את קוד ההטמעה שלך
5. פרסם את המודול
6. הוסף את המודול לחלק ה-footer של התבנית שלך, או גרור אותו לעמודים בודדים

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

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