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

פלטפורמה:

Backdrop CMS

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 וגלול למטה לחלק "קוד הטמעה". העתק את קוד ההטמעה הייחודי שלך שייראה כך:

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

Backdrop CMS משתמש בקבצי תבנית .tpl.php בנושאים שלו. הגישה המומלצת היא להוסיף את קוד ההטמעה ישירות לתבנית הדף של הנושא הפעיל שלך:

1. גש להתקנת Backdrop CMS שלך דרך FTP או מנהל קבצים
2. נווט לתיקיית הנושא הפעיל שלך: themes/yourtheme/
3. פתח את קובץ page.tpl.php (או layout.tpl.php בהתאם לנושא שלך)
4. מצא את תג הסגירה </body> או את השורה <?php print $page_bottom; ?>
5. הדבק את קוד ההטמעה של Asyntai ממש לפני שורה זו
6. שמור את הקובץ

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

אתה יכול ליצור מודול Backdrop CMS פשוט שמזריק את סקריפט הצ'אטבוט באמצעות backdrop_add_js():

1. צור את תיקיית המודול: modules/custom/asyntai_widget/
2. צור את קובץ המודול asyntai_widget.module עם הקוד הבא:
   // modules/custom/asyntai_widget/asyntai_widget.module
function asyntai_widget_init() {
  backdrop_add_js('https://asyntai.com/static/js/chat-widget.js', array(
    'type' => 'external',
    'scope' => 'footer',
    'attributes' => array('async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID'),
  ));
}
3. צור את קובץ asyntai_widget.info:
   name = Asyntai AI Chatbot Widget
description = Adds the Asyntai AI chatbot widget to all pages.
backdrop = 1.x
package = Custom
type = module
4. עבור ל-Functionality (admin/modules) בפאנל הניהול של Backdrop
5. מצא את "Asyntai AI Chatbot Widget" תחת חבילת Custom והפעל אותו
6. לחץ על "Save configuration"

שיטה חלופית 2: שימוש במודול "Add to Head" של Backdrop

המודול התורם "Add to Head" מספק דרך קלה להזריק סקריפטים ללא עריכת קוד:

1. הורד והתקן את המודול התורם "Add to Head" מאתר Backdrop CMS
2. עבור ל-Configuration > Development > Add to Head
3. הוסף את קוד ההטמעה של Asyntai בחלק התחתון
4. לחץ על "Save configuration"

שיטה חלופית 3: שימוש במערכת בלוקים

מערכת הפריסה והבלוקים של Backdrop CMS יכולה גם היא לשמש להוספת הצ'אטבוט:

1. התחבר לפאנל הניהול של Backdrop CMS
2. עבור ל-Structure > Layouts
3. בחר את הפריסה שברצונך לערוך (למשל, פריסת ברירת המחדל)
4. לחץ על "Add block" באזור התחתון
5. בחר "Custom block"
6. הגדר את פורמט הבלוק ל-"Full HTML" או "Raw HTML"
7. הדבק את קוד ההטמעה של Asyntai בגוף הבלוק
8. תן לבלוק כותרת (למשל, "Asyntai Chatbot") ואופציונלית סמן "Hide title"
9. לחץ על "Save block" ואז "Save layout"

שלב 3: נקה מטמון ואמת

לאחר ביצוע השינויים שלך, נקה את המטמון של Backdrop CMS ואמת את ההתקנה:

1. עבור ל-Configuration > Performance בפאנל הניהול שלך
2. לחץ על "Clear all caches"
3. פתח את האתר שלך בלשונית דפדפן חדשה או חלון גלישה פרטית
4. אתה אמור לראות את כפתור ווידג'ט הצ'אט בפינה הימנית התחתונה
5. לחץ עליו כדי לוודא שהוא נפתח ועובד כראוי