Web Widget – Panduan

Web Widget memasang gelembung obrolan bermerek di situs web mana pun. Pengunjung dapat berbicara langsung dengan agen Anda, tanpa perlu masuk akun. Pemasangan hanya tiga langkah dan tidak memerlukan kemampuan pemrograman.

Yang akan Anda lakukan

Konfigurasi: pilih agen dan tempel API key Anda

Kustomisasi: sesuaikan tampilan widget dengan identitas Anda

Pasang: salin tag script dan tempel ke situs Anda

Konfigurasi Widget

1. Buka Integrations → Web Widget.
2. Pilih agen yang akan menangani percakapan widget dari menu Agent.
3. Salin kunci dari tab API Key dan tempel ke kolom API Key. Pastikan pembatasan domain kunci (bila ada) mencakup domain situs web Anda.

komdigi-ai/integration

Halaman Web Widget dengan pilihan agen dan kolom input API key

Buat API Key

Sesuaikan Tampilan

Pratinjau langsung di sebelah kanan berubah saat Anda mengubah pengaturan:

Opsi	Keterangan
Agent Image	Avatar yang tampil di kepala obrolan.
Agent Banner	Gambar spanduk di belakang nama agen.
Accent	Warna utama untuk tombol gelembung obrolan dan tombol kirim.
Agent / Visitor Message colors	Warna latar dan teks untuk gelembung pesan.

Klik Reset untuk mengembalikan semua warna ke bawaan.

komdigi-ai/integration

Panel kustomisasi di kiri dengan pemilih warna dan pratinjau widget langsung di kanan

Klik Preview Widget (memerlukan agen dan API key) untuk membuka uji coba interaktif sebelum dipasang di mana pun.

Pasang di Situs Web Anda

1. Cuplikan <script> dibuat otomatis di bagian bawah halaman. Klik Copy Snippet.
2. Tempel ke HTML situs Anda tepat sebelum tag penutup </body>.
3. Terapkan situs Anda. Gelembung obrolan muncul begitu skrip dimuat.

komdigi-ai/integration

Bagian pemasangan yang menampilkan tag script hasil buatan dengan tombol Copy Snippet

Jika Anda mengganti agen, menghapus API key, atau mengubah pembatasan domain, buat ulang cuplikan dan perbarui di situs web Anda.