Lewati ke konten utama

Gaya Widget Chatbot

Pengaturan Cepat

Ini memakan waktu sekitar 5 menit. Anda bisa memperbarui widget yang sedang live dan menyimpan perubahan dari bilah mengambang.

Panduan ini membantu Anda mengubah gambar, warna, teks, dan perilaku auto-open widget chatbot.

Buka: Chatbot → Widget Settings

Referensi Cepat​

TugasTempat klikHasil
Pratinjau widgetGetting Started / ConversationLihat bagaimana tamu mengalami setiap tata letak
Edit ikon peluncurImages & BrandingUbah tombol mengambang yang diklik tamu
Edit avatar botImages & BrandingUbah gambar di dalam chat
Atur perilaku auto-openLauncher (Chat Button)Kontrol kapan widget terbuka di desktop dan mobile
Edit warna header dan pesanHeader, Bubbles, InputSesuaikan gaya merek Anda
Edit teks sambutan dan tautan kebijakanWelcome ScreenKontrol layar pertama yang dilihat tamu
Simpan atau batalkan perubahanBilah mengambang di bagian bawah halamanTerapkan atau kembalikan edit Anda saat ini

Akses Paket​

  • Styling widget memerlukan paket berbayar.
  • Akun paket gratis melihat prompt upgrade dan tidak bisa menyimpan gaya.

Untuk upgrade, buka Settings → Billing & Subscription.

Perbarui Gaya Widget​

  1. Buka Chatbot → Widget Settings

  2. Gunakan tombol mode pratinjau:

    • Getting Started
    • Conversation

    ✓ Pratinjau diperbarui agar sesuai dengan mode yang dipilih.

  3. Buka Images & Branding untuk memperbarui aset visual.

  4. Gunakan Launcher Icon untuk gambar tombol mengambang.

  5. Gunakan Bot Avatar untuk gambar di dalam chat.

    ✓ Gambar-gambar ini dipakai untuk bagian widget yang berbeda.

  6. Buka Launcher (Chat Button) untuk menyesuaikan perilaku auto-open.

  7. Pilih pengaturan untuk Desktop dan Mobile.

  8. Jika Anda memilih Enable with delay, pilih jeda dalam detik.

    ✓ Widget menggunakan perilaku buka yang dipilih untuk setiap jenis perangkat.

  9. Buka Header, Bubbles, Input, dan Welcome Screen untuk memperbarui teks dan warna.

  10. Buka bagian Terms & policies di Welcome Screen.

  11. Aktifkan Privacy Policy atau Terms Of Service sesuai kebutuhan.

  12. Masukkan URL atau unggah file .pdf atau .md.

✓ File yang diunggah akan mengisi URL kebijakan secara otomatis.

  1. Klik Save chatbot style settings di bilah mengambang.

✓ Tombol akan muncul setelah Anda membuat perubahan.

Pahami Gambar​

Gunakan gambar yang tepat di tempat yang tepat.

GambarMuncul di manaYang dipengaruhi
Launcher IconTombol mengambang di luar chatTombol yang diklik tamu untuk membuka chat
Bot AvatarHeader, pesan bot, dan layar sambutanWajah yang dilihat tamu di dalam percakapan
Butuh avatar launcher yang lama?

Jika Anda menyimpan gaya widget lama, penyimpanan pertama akan memindahkan gambar itu ke Bot Avatar secara otomatis.

Kelola Kebijakan​

  1. Buka Welcome Screen.

  2. Buka bagian Terms & policies.

  3. Biarkan Vouch Policy tetap aktif.

  4. Aktifkan Privacy Policy atau Terms Of Service bila diperlukan.

  5. Tambahkan label dan URL, atau unggah file .pdf atau .md.

  6. Klik Save chatbot style settings.

    ✓ Pratinjau menampilkan tautan yang diaktifkan pada layar sambutan.

Simpan Perubahan Atau Kembalikan​

Halaman ini memakai bilah aksi mengambang di bagian bawah.

  • Klik Save chatbot style settings untuk menyimpan edit Anda.
  • Klik Discard changes untuk kembali ke versi terakhir yang tersimpan.
Yang Anda lihat

Anda hanya melihat bilah mengambang setelah mengubah suatu field.

Tips​

  • Jaga kontras teks tetap tinggi agar mudah dibaca.
  • Periksa kedua mode pratinjau sebelum menyimpan.
  • Buat nama kebijakan singkat agar tautan muat di layar mobile.
  • Gunakan warna yang konsisten dengan situs web dan email tamu Anda.
  • Styling tombol attachment tidak bisa diedit di halaman ini.

Pemecahan Masalah​

Pratinjau tidak diperbarui​

Yang Anda lihat: Pratinjau tetap sama setelah edit.

Perbaikan:

  1. Pindah antara Getting Started dan Conversation
  2. Muat ulang halaman
  3. Coba perubahan lagi

Penyimpanan gagal atau kembali​

Yang Anda lihat: Gaya tidak tersimpan setelah disimpan.

Perbaikan:

  1. Klik Save chatbot style settings lagi
  2. Tunggu pesan sukses
  3. Pastikan paket Anda mengizinkan styling widget

Gambar yang salah muncul​

Yang Anda lihat: Tombol mengambang berubah, tetapi avatar chat tidak.

Perbaikan:

  1. Buka Images & Branding
  2. Edit Launcher Icon untuk tombol mengambang
  3. Edit Bot Avatar untuk gambar di dalam chat
  4. Simpan perubahan Anda

Upload kebijakan gagal​

Yang Anda lihat: Upload menampilkan error di bawah field kebijakan.

Perbaikan:

  1. Gunakan hanya file .pdf atau .md
  2. Pastikan ukuran file cukup kecil untuk diunggah
  3. Coba upload lagi, lalu klik Save chatbot style settings

Yang Anda lihat: Privacy Policy atau Terms Of Service hilang di pratinjau.

Perbaikan:

  1. Buka Welcome Screen
  2. Aktifkan toggle kebijakan
  3. Tambahkan URL yang valid
  4. Simpan pengaturan lagi

Discard tidak mengembalikan halaman​

Yang Anda lihat: Halaman masih menampilkan edit yang belum disimpan setelah Anda klik Discard changes.

Perbaikan:

  1. Tunggu sampai kontrol diperbarui
  2. Coba Discard changes lagi
  3. Muat ulang halaman jika perlu

Masih Terkendala?​

Hubungi success@vouch-technologies.com jika:

  • ❌ Gaya tidak tersimpan setelah beberapa kali mencoba
  • ❌ Pratinjau tidak memuat ulang setelah disimpan
  • ❌ Masalah berlangsung lebih dari 30 menit

Informasi yang sebaiknya disertakan:

  • Screenshot halaman Widget Settings
  • Perubahan gaya yang Anda coba
  • Waktu masalah mulai terjadi