Atur Gaya Widget Chatbot
Sesuaikan tampilan widget dan simpan perubahan dalam sekitar 5 menit.
Panduan ini membantu Anda memperbarui warna, teks, dan tata letak untuk widget chatbot dengan pratinjau langsung.
Buka: Chatbot → Widget Settings
Referensi Cepat
| Tugas | Lokasi klik | Hasil |
|---|---|---|
| Pratinjau widget | Getting Started / Conversation | Melihat pengalaman widget dari sudut pandang tamu |
| Edit launcher | Bagian Launcher | Memperbarui tombol yang diklik tamu |
| Edit header dan bubble | Header, Bubbles | Menyesuaikan dengan gaya brand |
| Edit input dan welcome | Input, Welcome | Menyetel pengalaman chat |
| Konfigurasi tautan kebijakan | Welcome → Configure Terms | Menampilkan tautan Privacy Policy dan Terms Of Service |
| Simpan perubahan | Save | Gaya diterapkan ke widget live |
| Reset ke default | Reset to Defaults | Mengembalikan tema default |
Akses Paket
- Styling widget memerlukan paket berbayar.
- Akun free tier melihat prompt upgrade dan tidak dapat menyimpan gaya.
Untuk upgrade, buka Settings → Billing & Subscription.
Perbarui Gaya Widget
-
Gunakan tombol mode pratinjau:
- Getting Started
- Conversation
✓ Pratinjau diperbarui sesuai mode yang dipilih.
-
Buka salah satu bagian di sisi kanan:
- Launcher
- Header
- Bubbles
- Input
- Welcome
-
Perbarui warna, label, atau ikon
✓ Perubahan langsung terlihat di pratinjau.
-
Pada Welcome, klik Configure Terms jika Anda memerlukan tautan kebijakan di atas Getting Started.
✓ Modal kontrol kebijakan akan terbuka.
-
Pada Terms & Policies:
- Vouch Policy (Required) tetap aktif dan tidak dapat diubah.
- Aktifkan Privacy Policy atau Terms Of Service sesuai kebutuhan.
- Tambahkan URL kebijakan, atau unggah file
.pdfatau.md.
✓ File yang diunggah akan mengisi URL kebijakan otomatis.
-
Klik Done.
-
Klik Save.
✓ Widget menggunakan gaya baru Anda.
Reset ke Default
- Klik Reset to Defaults
- Tinjau pratinjau
- Klik Save untuk mempertahankan tema default
Gunakan Chatbot → Setup → Widget & Access untuk mengelola landing page dan domain whitelist.
Tips
- Jaga kontras teks tetap tinggi agar mudah dibaca.
- Cek kedua mode pratinjau sebelum menyimpan.
- Gunakan nama kebijakan yang singkat agar baris kebijakan tetap jelas di layar mobile.
- Gunakan warna yang konsisten dengan website dan email tamu Anda.
Pemecahan Masalah
Pratinjau tidak diperbarui
Yang Anda lihat: Pratinjau tetap sama setelah edit.
Perbaikan:
- Refresh halaman
- Coba ubah lagi
- Periksa koneksi internet
Penyimpanan gagal atau kembali seperti semula
Yang Anda lihat: Gaya tidak tersimpan setelah Save.
Perbaikan:
- Klik Save lagi
- Tunggu pesan sukses
- Pastikan paket Anda mengizinkan styling Chatbot
Upload kebijakan gagal
Yang Anda lihat: Upload menampilkan error pada modal Terms.
Perbaikan:
- Gunakan file
.pdfatau.mdsaja - Pastikan ukuran file di bawah 6 MB
- Coba upload lagi, lalu klik Save
Tautan kebijakan tidak muncul
Yang Anda lihat: Privacy Policy atau Terms Of Service tidak muncul pada pratinjau.
Perbaikan:
- Buka Welcome → Configure Terms
- Aktifkan toggle kebijakan
- Tambahkan URL valid lalu klik Done
- Klik Save
Reset tidak bertahan
Yang Anda lihat: Pengaturan default hilang setelah refresh.
Perbaikan:
- Klik Reset to Defaults
- Klik Save
Masih Terkendala?
Hubungi success@vouch-technologies.com jika:
- ❌ Gaya tidak tersimpan setelah beberapa kali mencoba
- ❌ Widget tidak diperbarui setelah refresh
- ❌ Masalah berlangsung lebih dari 30 menit
Informasi yang sebaiknya disertakan:
- Tangkapan layar halaman Widget Settings
- Perubahan gaya yang Anda coba
- Waktu masalah mulai terjadi