Kembali ke Dasbor

Dokumentasi

Pelajari cara menggunakan Asyntai

Memulai
Instalasi Basis Pengetahuan Uji AI Anda Kelola Situs Web
Kustomisasi
Warna Widget Nama Asisten AI Pesan Awal Posisi Widget Pemicu Otomatis Gelembung Sapaan Lencana Belum Dibaca Mode Instruksi Ajukan Pertanyaan Gunakan Emoji Kumpulkan Email Kumpulkan Nomor Telepon Pengambilan Prospek Cerdas Lokalisasi Sembunyikan Merek Tautan Privasi Pemberitahuan Kustom Unduh Transkrip Percakapan Baru Riwayat Percakapan Tagline & Titik Status Ucapan ke Teks Ikon Obrolan Logo Perusahaan Batas Karakter Temperatur
Tips Instruksi AI Bandingkan Paket
Fitur
Perayapan Situs Web Kesenjangan Pengetahuan Kartu Produk Kartu Produk Dinamis Konteks Pengguna Pemantauan Langsung Pengambilalihan Manusia Eskalasi Notifikasi AI Laporan Harian Umpan Data Real-Time Umpan Data Real-Time Maks Anggota Tim Single Sign-On Sertakan Gambar Penglihatan Gambar Widget Terjemahan Lokalisasi Prospek Pengambilan Prospek Cerdas Tiket Dukungan Pemesanan Sematan Kecualikan Halaman IP yang Diblokir Model Lebih Cerdas Aktifkan Pemikiran Saran Balasan Pesan Tindak Lanjut Ucapan ke Teks Unduh Transkrip Chat Tertanam
Analitik
Analitik Chat Log Chat
Integrasi
REST API Instagram Messenger WhatsApp Zapier Email Aplikasi Seluler
Lainnya
Tambahkan ke Layar Utama Tombol Buka Kustom
Tanya AI

Cara Menambahkan Chatbot AI Asyntai ke Bludit

Panduan langkah demi langkah untuk Bludit CMS

Dapatkan Kode Embed
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 Kode Embed Anda

Pertama, buka Dasbor Asyntai dan gulir ke bawah ke bagian "Kode Embed". Salin kode embed unik Anda yang akan terlihat seperti ini:

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

Catatan: Kode di atas hanya contoh. Anda harus menyalin kode embed unik Anda sendiri dari Dasbor karena berisi ID widget personal Anda.

Langkah 2: Tambahkan Kode Menggunakan Plugin HTML Code (Disarankan)

Cara termudah untuk menambahkan chatbot ke situs Bludit Anda adalah menggunakan plugin HTML Code bawaan:

  1. Masuk ke Panel Admin Bludit Anda
  2. Navigasi ke Plugins di sidebar kiri
  3. Temukan plugin "HTML Code" (biasanya sudah terinstal)
  4. Jika tidak aktif, klik "Activate" untuk mengaktifkannya
  5. Klik "Configure" pada plugin HTML Code
  6. Di konfigurasi, Anda akan melihat bidang untuk kode Header dan Footer
  7. Tempel kode embed Asyntai Anda di bidang "Footer"
  8. Klik "Save"

Tip: Menambahkan kode ke Footer memastikan kode dimuat di akhir halaman Anda, yang tidak akan memperlambat pemuatan awal situs Anda. Metode ini secara otomatis menambahkan chatbot ke semua halaman di situs Anda.

Metode Alternatif 1: Integrasi File Tema

Anda dapat menambahkan kode langsung ke file template tema Anda:

  1. Hubungkan ke instalasi Bludit Anda melalui FTP atau File Manager
  2. Navigasi ke /bl-themes/your-theme-name/
  3. Buka file index.php untuk diedit
  4. Temukan tag penutup </body>
  5. Tempel kode embed Asyntai Anda tepat sebelum tag </body>
  6. Simpan file
  7. Bersihkan cache situs Anda jika berlaku

Catatan: Saat mengedit file tema secara langsung, pastikan untuk mencadangkan file asli terlebih dahulu. Pembaruan tema mungkin menimpa perubahan Anda, jadi dokumentasikan modifikasi Anda.

Metode Alternatif 2: Konten Kustom di Halaman

Anda juga dapat menambahkan kode chatbot langsung ke halaman tertentu menggunakan editor konten Bludit:

  1. Masuk ke Panel Admin Bludit Anda
  2. Buka Content dan pilih halaman yang ingin Anda edit
  3. Beralih ke mode HTML di editor (jika menggunakan editor visual)
  4. Tambahkan kode embed Asyntai Anda di mana saja dalam konten halaman
  5. Klik "Save"
  6. Ulangi untuk halaman lain di mana Anda ingin chatbot

Penting: Saat menambahkan kode langsung ke konten halaman, Anda perlu menambahkannya ke setiap halaman secara individual. Untuk instalasi di seluruh situs, gunakan plugin HTML Code atau metode file tema.

Menggunakan Hook Plugin (Lanjutan)

Untuk pengembang yang membuat plugin kustom, Bludit menyediakan hook plugin:

  • siteBodyBegin - Dijalankan di bagian atas tag <body>
  • siteBodyEnd - Dijalankan di bagian bawah, ideal untuk kode JavaScript seperti widget Asyntai

Anda dapat membuat plugin kustom yang menggunakan hook siteBodyEnd untuk menyuntikkan kode chatbot di semua halaman.

Langkah 3: Verifikasi Instalasi

Setelah menyimpan perubahan Anda, kunjungi situs web Bludit Anda di tab browser baru atau jendela penyamaran. Anda seharusnya melihat tombol widget obrolan di pojok kanan bawah. Klik untuk memastikan widget terbuka dan berfungsi dengan benar.

Tidak melihat widget? Pastikan Anda menyimpan konfigurasi plugin atau perubahan file tema. Bersihkan cache browser Anda dan cache Bludit (jika diaktifkan). Periksa konsol browser (F12) untuk error JavaScript apa pun.