Atur Tampilan Widget Chatbot

Setup Cepat

Sesuaikan tampilan widget lalu simpan perubahan dalam sekitar 5 menit.

Panduan ini membantu Anda memperbarui warna, teks, dan tata letak widget chatbot menggunakan live preview.

Buka: Chatbot → Widget Settings

---

Referensi Cepat

Tugas	Tombol yang diklik	Hasil
Preview widget	Getting Started / Conversation	Melihat pengalaman tamu
Ubah launcher	Bagian Launcher	Memperbarui tombol yang diklik tamu
Ubah header dan bubble	Header, Bubbles	Menyesuaikan gaya brand
Ubah input dan welcome	Input, Welcome	Menyesuaikan pengalaman chat
Simpan perubahan	Save	Gaya diterapkan ke widget live
Reset default	Reset to Defaults	Mengembalikan tema bawaan

Akses Paket

• Styling widget memerlukan paket berbayar.
• Akun free-tier melihat prompt upgrade dan tidak bisa menyimpan style.

Untuk upgrade, buka Settings → Billing & Subscription.

Perbarui style widget

1. Buka Chatbot → Widget Settings

2. Gunakan tombol mode preview:

   • Getting Started
   • Conversation

   ✓ Preview berubah sesuai mode terpilih.

3. Buka bagian di panel kanan:

   • Launcher
   • Header
   • Bubbles
   • Input
   • Welcome

4. Ubah warna, label, atau ikon.

   ✓ Perubahan langsung terlihat di preview.

5. Klik Save.

   ✓ Widget memakai style baru Anda.

Reset ke default

1. Klik Reset to Defaults.
2. Tinjau preview.
3. Klik Save untuk menerapkan tema default.

Ingin atur akses widget?

Gunakan Chatbot → Setup → Widget & Access untuk mengelola landing page dan whitelisted domain.

Tips

• Gunakan kontras teks yang tinggi agar mudah dibaca.
• Cek kedua mode preview sebelum menyimpan.
• Gunakan warna konsisten dengan website dan email tamu.

Troubleshooting

Preview tidak berubah

Yang terlihat: Preview tetap sama setelah edit.

Perbaikan:

1. Refresh halaman.
2. Ulangi perubahan.
3. Cek koneksi internet.

Save gagal atau kembali ke nilai lama

Yang terlihat: Style tidak tetap tersimpan.

Perbaikan:

1. Klik Save lagi.
2. Tunggu pesan sukses.
3. Pastikan paket Anda mendukung styling chatbot.

Reset tidak bertahan

Yang terlihat: Default hilang setelah refresh.

Perbaikan:

1. Klik Reset to Defaults.
2. Klik Save.

Masih Terkendala?

Hubungi success@vouch-technologies.com jika:

• ❌ Style tidak tersimpan setelah beberapa kali mencoba
• ❌ Widget tidak berubah setelah refresh
• ❌ Masalah berlangsung lebih dari 30 menit

Informasi yang sebaiknya disertakan:

• Screenshot halaman Widget Settings
• Perubahan style yang dicoba
• Waktu mulai masalah

Panduan Terkait

• Setup Chatbot Anda
• Buat Link Live Chat untuk Tamu
• Kelola Dokumen Chatbot