Widget Chat Pelanggan

Widget Chat Neosantara memungkinkan Anda menambahkan asisten AI interaktif untuk layanan pelanggan, bantuan penjualan, atau pusat informasi produk langsung ke dalam website Anda hanya dengan satu baris script.

Integrasi Cepat

Sisipkan tag script berikut ke dalam kode HTML website Anda sebelum tag penutup </body>:

<!-- Neosantara Customer Chat Support Widget -->
<script
  src="https://api.neosantara.xyz/widget.js"
  data-widget-id="WIDGET_ID_ANDA"
  async
></script>

Ganti WIDGET_ID_ANDA dengan identifier unik widget yang diperoleh dari Dashboard Chat Widget. Konfigurasi widget dikelola secara visual melalui dashboard:

Buka Menu Chat Widget

Masuk ke Dashboard Chat Widget dan klik tombol Buat Widget Baru.

Konfigurasi Parameter Utama

Nama Widget: Berikan label internal seperti CS Layanan Web.
Model AI: Pilih model inferensi seperti deepseek-v4.1-flash atau garda-core.
Allowed Domains: Daftarkan domain website yang diizinkan memuat widget.
System Prompt: Atur instruksi kepribadian dan panduan respons asisten.

Sesuaikan Tampilan

Warna Tema: Atur warna HEX tombol dan balon chat agar serasi dengan brand.
Logo URL: Sematkan tautan logo bisnis pada header chat.
Gaya Layout: Pilih antara layout modern, klasik, atau kompak.
Posisi: Tempatkan launcher di sudut kanan bawah atau kiri bawah.

Simpan dan Pasang

Klik simpan dan salin tag script embed ke website Anda.

Integrasi Knowledge Base

Hubungkan dokumen internal agar asisten dapat menjawab pertanyaan spesifik produk:

Buka Tab Knowledge Base

Masuk ke pengaturan widget yang telah dibuat dan pilih tab Knowledge Base.

Unggah Dokumen

Unggah file referensi dalam format PDF, TXT, atau Markdown.

Indeksasi Vektor Otomatis

Sistem membagi dokumen menjadi potongan teks dan mengindeks vektor secara otomatis untuk pencarian relevansi konteks saat pengguna bertanya.

Opsi	Pilihan Nilai	Keterangan
`theme_color`	Kode HEX seperti `#8A4300`	Warna utama tombol pembuka, header, dan elemen aktif.
`layout_style`	`modern-round`, `classic-square`, `compact`	Gaya sudut dan padding jendela percakapan chat.
`placement`	`bottom-right`, `bottom-left`	Posisi penempatan tombol widget pada layar monitor.
`launcher_style`	`icon`, `text`, `pill`	Bentuk tombol launcher sebelum jendela chat dibuka.
`proactive_delay`	Detik seperti `10`	Waktu jeda sebelum widget menampilkan pesan pembuka secara otomatis.
`allow_uploads`	`true`, `false`	Izinkan pengguna mengunggah dokumen atau lampiran gambar dalam chat.

Widget secara otomatis memvalidasi header Origin atau Referer pada browser pengguna untuk memastikan script hanya berjalan pada domain yang tercantum di Allowed Domains.

Langkah Berikutnya

Kebutuhan	Panduan
Model katalog dan biaya inferensi	Daftar Model & Harga
Framework agen orkestrasi	Integrasi Framework
Batas permintaan dan kuota	Rate Limits & Kuota
FAQ dan sistem deposit	FAQ & Tanya Jawab

Topik terkait

Ringkasan Gateway Ringkasan Integrasi FAQ & Tanya Jawab

⌘I

Framework

Alat & Widget

Integrasi Cepat

Pembuatan Widget di Dashboard

Integrasi Knowledge Base

Parameter Konfigurasi Widget

Langkah Berikutnya

​Integrasi Cepat

​Pembuatan Widget di Dashboard

​Integrasi Knowledge Base

​Parameter Konfigurasi Widget

​Langkah Berikutnya

Integrasi Cepat

Pembuatan Widget di Dashboard

Integrasi Knowledge Base

Parameter Konfigurasi Widget

Langkah Berikutnya