Lewati ke konten utama

Atur Gaya Widget Chatbot

Pengaturan Cepat

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

TugasLokasi klikHasil
Pratinjau widgetGetting Started / ConversationMelihat pengalaman widget dari sudut pandang tamu
Edit launcherBagian LauncherMemperbarui tombol yang diklik tamu
Edit header dan bubbleHeader, BubblesMenyesuaikan dengan gaya brand
Edit input dan welcomeInput, WelcomeMenyetel pengalaman chat
Konfigurasi tautan kebijakanWelcome → Configure TermsMenampilkan tautan Privacy Policy dan Terms Of Service
Simpan perubahanSaveGaya diterapkan ke widget live
Reset ke defaultReset to DefaultsMengembalikan 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

  1. Buka Chatbot → Widget Settings

  2. Gunakan tombol mode pratinjau:

    • Getting Started
    • Conversation

    ✓ Pratinjau diperbarui sesuai mode yang dipilih.

  3. Buka salah satu bagian di sisi kanan:

    • Launcher
    • Header
    • Bubbles
    • Input
    • Welcome
  4. Perbarui warna, label, atau ikon

    ✓ Perubahan langsung terlihat di pratinjau.

  5. Pada Welcome, klik Configure Terms jika Anda memerlukan tautan kebijakan di atas Getting Started.

    ✓ Modal kontrol kebijakan akan terbuka.

  6. 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 .pdf atau .md.

    ✓ File yang diunggah akan mengisi URL kebijakan otomatis.

  7. Klik Done.

  8. Klik Save.

    ✓ Widget menggunakan gaya baru Anda.

Reset ke Default

  1. Klik Reset to Defaults
  2. Tinjau pratinjau
  3. Klik Save untuk mempertahankan tema default
Ingin mengatur akses?

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:

  1. Refresh halaman
  2. Coba ubah lagi
  3. Periksa koneksi internet

Penyimpanan gagal atau kembali seperti semula

Yang Anda lihat: Gaya tidak tersimpan setelah Save.

Perbaikan:

  1. Klik Save lagi
  2. Tunggu pesan sukses
  3. Pastikan paket Anda mengizinkan styling Chatbot

Upload kebijakan gagal

Yang Anda lihat: Upload menampilkan error pada modal Terms.

Perbaikan:

  1. Gunakan file .pdf atau .md saja
  2. Pastikan ukuran file di bawah 6 MB
  3. Coba upload lagi, lalu klik Save

Tautan kebijakan tidak muncul

Yang Anda lihat: Privacy Policy atau Terms Of Service tidak muncul pada pratinjau.

Perbaikan:

  1. Buka Welcome → Configure Terms
  2. Aktifkan toggle kebijakan
  3. Tambahkan URL valid lalu klik Done
  4. Klik Save

Reset tidak bertahan

Yang Anda lihat: Pengaturan default hilang setelah refresh.

Perbaikan:

  1. Klik Reset to Defaults
  2. 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

Panduan Terkait