วิธีเพิ่มแชทบอท 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 ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:

ขั้นตอนที่ 2: เพิ่มลงในเทมเพลตธีม (แนะนำ)

Backdrop CMS ใช้ไฟล์เทมเพลต .tpl.php ในธีม วิธีที่แนะนำคือเพิ่มโค้ดฝังตัวลงในเทมเพลตหน้าของธีมที่ใช้งานอยู่โดยตรง:

1. เข้าถึงการติดตั้ง Backdrop CMS ของคุณผ่าน FTP หรือ File Manager
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 ของคุณในส่วน footer
4. คลิก "Save configuration"

วิธีทางเลือกที่ 3: ใช้ระบบบล็อก

ระบบเลย์เอาต์และบล็อกของ Backdrop CMS ยังสามารถใช้เพิ่มแชทบอทได้:

1. เข้าสู่ระบบแผงผู้ดูแลระบบ Backdrop CMS ของคุณ
2. ไปที่ Structure > Layouts
3. เลือกเลย์เอาต์ที่คุณต้องการแก้ไข (เช่น เลย์เอาต์เริ่มต้น)
4. คลิก "Add block" ในส่วน footer
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. คลิกเพื่อให้แน่ใจว่าเปิดและทำงานได้อย่างถูกต้อง