Kustomisasi Widget

Kustomisasi Widget

Mengakses Pengaturan Widget

Buka Messenger > Pengaturan > Widget untuk mengkustomisasi tampilan dan perilaku widget chat Anda.

Warna & Tema

• Warna Utama — Warna utama tombol widget dan header (contoh: `#2563eb`)
• Warna Teks — Disesuaikan otomatis untuk kontras
• Widget mendukung latar belakang terang maupun gelap

Atur via dashboard atau atribut kode embed:

data-color="#2563eb"

Posisi

Pilih di mana widget muncul di situs Anda:

• Kanan Bawah (default) — `data-position="bottom-right"`
• Kiri Bawah — `data-position="bottom-left"`

Pesan Sapaan

Pesan pertama yang dilihat pengunjung saat membuka widget:

data-greeting="Hai! Ada yang bisa kami bantu?"

Buat sapaan yang sesuai brand Anda. Buat singkat dan ramah.

Nama Perusahaan & Persona

• Nama Perusahaan — Ditampilkan di header widget
• Nama Agen — Nama tampilan agen AI (contoh: "Aini")
• Avatar Agen — Upload avatar kustom untuk AI

Conversation Starters

Tombol yang bisa diklik pengunjung untuk memulai topik umum:

1. Buka Pengaturan Widget > Conversation Starters
2. Tambahkan hingga 4 prompt starter, contoh:

- "Berapa harga paket Anda?"

- "Bagaimana cara memulai?"

- "Saya butuh bantuan dengan akun saya"

1. Setiap starter terhubung ke alur respons AI

Pre-Chat Form

Kumpulkan informasi pengunjung sebelum percakapan dimulai:

1. Aktifkan Pre-Chat Form di pengaturan widget
2. Konfigurasi field:

- Nama (wajib/opsional)

- Email (wajib/opsional)

- Telepon (opsional)

- Field kustom (contoh: nama perusahaan, nomor order)

1. Data form dilampirkan ke percakapan di inbox

Optimasi Mobile

Widget otomatis beradaptasi ke layar mobile:

• Chat layar penuh di viewport kecil
• Tombol dan input ramah sentuh
• Menghormati safe area di perangkat berlekuk