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 Dynamic Images 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 Duda

Panduan langkah demi langkah untuk situs web Duda

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 ke Pengaturan Situs (Disarankan)

Cara termudah untuk menambahkan chatbot ke semua halaman situs web Duda Anda adalah melalui Pengaturan Situs:

  1. Masuk ke akun Duda Anda dan buka editor situs web
  2. Di sidebar kiri, klik "More" (ikon tiga titik)
  3. Klik "Settings"
  4. Gulir ke bawah dan klik "Head HTML"
  5. Di field "Body End HTML", tempelkan kode embed Asyntai Anda
  6. Klik "Save"
  7. Klik "Publish" di kanan atas untuk membuat perubahan Anda aktif

Tip: Menambahkan kode ke bagian Body End HTML memastikan chatbot dimuat setelah konten halaman Anda, yang tidak akan memengaruhi kecepatan pemuatan situs Anda. Metode ini secara otomatis menambahkan chatbot ke setiap halaman di situs Anda.

Metode Alternatif 1: Widget HTML (Halaman Tertentu)

Jika Anda ingin menambahkan chatbot hanya ke halaman tertentu, gunakan widget HTML:

  1. Buka halaman yang ingin Anda edit di editor Duda
  2. Di sidebar kiri, cari "HTML" di panel widget
  3. Seret dan lepas widget HTML ke kolom atau baris di halaman Anda
  4. Klik pada widget untuk mengeditnya
  5. Tempelkan kode embed Asyntai Anda ke field kode
  6. Klik "Update"
  7. Klik "Publish" untuk membuat perubahan aktif

Catatan: Widget HTML memungkinkan Anda menyematkan kode kustom di mana saja di halaman Anda. Penempatan visual widget tidak memengaruhi di mana chatbot muncul - chatbot tetap akan muncul di pojok kanan bawah sesuai konfigurasi.

Metode Alternatif 2: Mode Pengembang (Lanjutan)

Untuk pengguna lanjutan, Anda dapat menggunakan Mode Pengembang untuk menambahkan kode langsung ke HTML:

  1. Di editor Duda, klik ikon Developer Mode di bilah atas
  2. Klik "Site HTML/CSS" untuk memperluas pilihan
  3. Klik "body-end.html" dari daftar file
  4. Gulir ke baris terakhir file
  5. Tempelkan kode embed Asyntai Anda di baris baru
  6. Klik "Save"
  7. Klik "Done" untuk keluar dari Mode Pengembang
  8. Klik "Publish" untuk menerapkan perubahan Anda

Penting: Mode Pengembang memberi Anda akses langsung ke HTML dan CSS situs Anda. Pastikan hanya menambahkan kode di akhir file body-end.html untuk menghindari kerusakan fungsionalitas situs Anda. Selalu uji perubahan sebelum mempublikasikan.

Langkah 3: Verifikasi Instalasi

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

Tidak melihat widget? Pastikan Anda telah mempublikasikan situs Anda (bukan hanya menyimpan). Bersihkan cache browser Anda atau lihat dalam mode penyamaran. Periksa bahwa kode Anda menggunakan HTTPS (yang sudah default). Buka konsol browser (F12) untuk memeriksa kesalahan JavaScript.