Kembali ke Papan Pemuka

Dokumentasi

Ketahui cara menggunakan Asyntai

Cara Bermula
Pemasangan Pangkalan Pengetahuan Uji AI Anda Urus Laman Web
Penyesuaian
Warna Widget Nama Pembantu AI Mesej Awal Kedudukan Widget Pencetus Automatik Gelembung Sapaan Lencana Belum Dibaca Mod Arahan Ajukan Soalan Gunakan Emoji Kumpul Emel Kumpul Nombor Telefon Tangkapan Prospek Pintar Penyetempatan Sembunyikan Penjenamaan Pautan Privasi Notis Tersuai Muat Turun Transkrip Perbualan Baharu Sejarah Perbualan Slogan & Titik Status Pertuturan ke Teks Ikon Sembang Logo Syarikat Had Aksara Suhu
Petua Arahan AI Bandingkan Pelan
Ciri-ciri
Rangkak Laman Web Jurang Pengetahuan Kad Produk Kad Produk Dinamik Dynamic Images Konteks Pengguna Pemantauan Langsung Pengambilalihan Manusia Eskalasi Pemberitahuan AI Laporan Harian Suapan Data Masa Nyata Suapan Data Masa Nyata Maks Ahli Pasukan Log Masuk Tunggal Sertakan Imej Penglihatan Imej Widget Terjemahan Penyetempatan Prospek Tangkapan Prospek Pintar Tiket Sokongan Tempahan Benam Kecualikan Halaman IP Disekat Model Lebih Pintar Aktifkan Pemikiran Cadangan Balasan Mesej Susulan Pertuturan ke Teks Muat Turun Transkrip Sembang Terbenam
Analitik
Analitik Sembang Log Sembang
Integrasi
REST API Instagram Messenger WhatsApp Zapier Email Aplikasi Mudah Alih
Lain-lain
Tambah ke Skrin Utama Butang Buka Tersuai
Tanya AI

Cara Menambah Chatbot AI Asyntai ke Bludit

Panduan langkah demi langkah untuk Bludit CMS

Dapatkan Kod Benam
Platform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage 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:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: Kod di atas hanyalah contoh. Anda mesti menyalin kod benam unik anda sendiri dari Papan Pemuka anda kerana ia mengandungi ID widget peribadi anda.

Langkah 2: Tambah Kod Menggunakan Plugin Kod HTML (Disyorkan)

Cara paling mudah untuk menambah chatbot ke tapak Bludit anda adalah menggunakan plugin Kod HTML terbina dalam:

  1. Log masuk ke Panel Pentadbir Bludit anda
  2. Navigasi ke Plugins dalam bar sisi kiri
  3. Cari plugin "HTML Code" (ia biasanya sudah dipasang)
  4. Jika tidak aktif, klik "Activate" untuk mengaktifkannya
  5. Klik "Configure" pada plugin HTML Code
  6. Dalam konfigurasi, anda akan melihat medan untuk kod Header dan Footer
  7. Tampal kod benam Asyntai anda dalam medan "Footer"
  8. Klik "Save"

Petua: Menambah kod ke Footer memastikan ia dimuat di hujung halaman anda, yang tidak akan melambatkan pemuatan awal tapak anda. Kaedah ini secara automatik menambah chatbot ke semua halaman di tapak anda.

Kaedah Alternatif 1: Integrasi Fail Tema

Untuk lebih kawalan, anda boleh menambah kod terus ke fail tema anda:

  1. Sambung ke pemasangan Bludit anda melalui FTP atau Pengurus Fail
  2. Navigasi ke /bl-themes/your-theme-name/
  3. Buka fail index.php untuk pengeditan
  4. Cari tag penutup </body>
  5. Tampal kod benam Asyntai anda sejurus sebelum tag </body>
  6. Simpan fail
  7. Kosongkan cache tapak anda jika berkenaan

Nota: Apabila mengedit fail tema secara langsung, pastikan anda membuat sandaran fail asal terlebih dahulu. Kemas kini tema mungkin menimpa perubahan anda, jadi dokumentasikan pengubahsuaian anda.

Kaedah Alternatif 2: Kandungan Tersuai dalam Halaman

Anda juga boleh menambah kod chatbot terus ke halaman tertentu menggunakan editor kandungan Bludit:

  1. Log masuk ke Panel Pentadbir Bludit anda
  2. Pergi ke Content dan pilih halaman yang anda mahu edit
  3. Tukar ke mod HTML dalam editor (jika menggunakan editor visual)
  4. Tambah kod benam Asyntai anda di mana-mana dalam kandungan halaman
  5. Klik "Save"
  6. Ulang untuk halaman lain di mana anda mahu chatbot

Penting: Apabila menambah kod terus ke kandungan halaman, anda perlu menambahnya ke setiap halaman secara individu. Untuk pemasangan seluruh tapak, gunakan plugin Kod HTML atau kaedah fail tema sebaliknya.

Menggunakan Cangkuk Plugin (Lanjutan)

Untuk pembangun yang mencipta plugin tersuai, Bludit menyediakan cangkuk plugin:

  • siteBodyBegin - Dilaksanakan di bahagian atas tag <body>
  • siteBodyEnd - Dilaksanakan di bahagian bawah, sesuai untuk kod JavaScript seperti widget Asyntai

Anda boleh mencipta plugin tersuai yang menggunakan cangkuk siteBodyEnd untuk menyuntik kod chatbot di semua halaman.

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda, lawati laman web Bludit anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik padanya untuk memastikan ia terbuka dan berfungsi dengan betul.

Tidak nampak widget? Pastikan anda menyimpan konfigurasi plugin atau perubahan fail tema. Kosongkan cache pelayar anda dan cache Bludit (jika diaktifkan). Semak konsol pelayar (F12) untuk sebarang ralat JavaScript.