Cara Menambah Chatbot AI Asyntai ke Backdrop CMS

Platform:

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

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

Langkah 2: Tambah ke Templat Tema (Disyorkan)

Backdrop CMS menggunakan fail templat .tpl.php dalam temanya. Pendekatan yang disyorkan adalah menambah kod benam terus ke templat halaman tema aktif anda:

1. Akses pemasangan Backdrop CMS anda melalui FTP atau Pengurus Fail
2. Navigasi ke direktori tema aktif anda: themes/yourtheme/
3. Buka fail page.tpl.php (atau layout.tpl.php bergantung pada tema anda)
4. Cari tag penutup </body> atau baris <?php print $page_bottom; ?>
5. Tampal kod benam Asyntai anda sejurus sebelum baris tersebut
6. Simpan fail

Kaedah Alternatif 1: Menggunakan Modul Tersuai

Anda boleh mencipta modul Backdrop CMS ringkas yang menyuntik skrip chatbot menggunakan backdrop_add_js():

1. Cipta direktori modul: modules/custom/asyntai_widget/
2. Cipta fail modul asyntai_widget.module dengan kod berikut:
   // 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. Cipta fail 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. Pergi ke Fungsi (admin/modules) dalam panel pentadbir Backdrop anda
5. Cari "Asyntai AI Chatbot Widget" di bawah pakej Custom dan aktifkannya
6. Klik "Save configuration"

Kaedah Alternatif 2: Menggunakan Modul "Add to Head" Backdrop

Modul sumbangan "Add to Head" menyediakan cara mudah untuk menyuntik skrip tanpa mengedit kod:

1. Muat turun dan pasang modul sumbangan "Add to Head" dari laman web Backdrop CMS
2. Pergi ke Configuration > Development > Add to Head
3. Tambah kod benam Asyntai anda dalam bahagian footer
4. Klik "Save configuration"

Kaedah Alternatif 3: Menggunakan Sistem Blok

Sistem susun atur dan blok Backdrop CMS juga boleh digunakan untuk menambah chatbot:

1. Log masuk ke panel pentadbir Backdrop CMS anda
2. Pergi ke Structure > Layouts
3. Pilih susun atur yang anda mahu edit (cth., susun atur lalai)
4. Klik "Add block" dalam kawasan footer
5. Pilih "Custom block"
6. Tetapkan format blok kepada "Full HTML" atau "Raw HTML"
7. Tampal kod benam Asyntai anda ke badan blok
8. Berikan blok tajuk (cth., "Asyntai Chatbot") dan secara pilihan tandakan "Hide title"
9. Klik "Save block" dan kemudian "Save layout"

Langkah 3: Kosongkan Cache dan Sahkan

Selepas membuat perubahan anda, kosongkan cache Backdrop CMS dan sahkan pemasangan:

1. Pergi ke Configuration > Performance dalam panel pentadbir anda
2. Klik "Clear all caches"
3. Buka laman web anda dalam tab pelayar baharu atau tetingkap inkognito
4. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah
5. Klik padanya untuk memastikan ia terbuka dan berfungsi dengan betul