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

פלטפורמה:

Umbraco

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: עריכת תבנית Master (מומלץ)

הדרך הקלה ביותר להוסיף את הצ'אטבוט לכל הדפים היא על ידי עריכת תבנית ה-Master:

1. היכנסו לBackoffice של Umbraco
2. עבור ל-Settings בסרגל הצד השמאלי
3. הרחיבו את Templates
4. לחצו על תבנית Master שלכם (או תבנית ה-layout הראשית שהאתר שלכם משתמש בה)
5. מצא את תג הסגירה </body>
6. הדבק את קוד ההטמעה של Asyntai ממש לפני תג </body>
7. לחץ על "Save"

חלופה: שימוש ב-Document Type של הגדרות אתר

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

1. עברו אל Settings → Document Types
2. ערכו את ה-Site Settings document type שלכם (או צרו אחד אם הוא לא קיים)
3. הוסיפו מאפיין חדש בשם "Footer Scripts" עם סוג נתונים Textarea
4. שמרו את ה-Document Type
5. עברו אל Content וערכו את צומת Site Settings שלכם
6. הדביקו את קוד ההטמעה של Asyntai בשדה Footer Scripts
7. בתבנית Master שלכם, הוסיפו קוד זה לפני </body>:
   @Html.Raw(Model.Value("footerScripts"))
8. שמרו הן את התוכן והן את התבנית

חלופה: שימוש בתיקיית Scripts

ניתן גם ליצור קובץ JavaScript ב-Backoffice של Umbraco:

1. עברו אל Settings → Scripts
2. לחצו לחיצה ימנית על Scripts ובחרו "Create"
3. צרו קובץ חדש בשם asyntai-chatbot.js
4. הוסף את הקוד הבא:
   (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);
})();
5. החלף את YOUR_WIDGET_ID במזהה הווידג'ט האמיתי שלך
6. שמור את הקובץ
7. כללו סקריפט זה בתבנית Master שלכם לפני </body>:
   <script src="/scripts/asyntai-chatbot.js"></script>

חלופה: ספציפי לדף עם RenderSection

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

1. בתבנית Master שלכם, הוסיפו לפני </body>:
   @RenderSection("footerScripts", required: false)
2. בתבנית הדף הספציפית שבה אתם רוצים את הצ'אטבוט, הוסיפו:
   @section footerScripts {
  <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>
}

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

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