Menata Widget Chatbot
Ini memerlukan waktu sekitar 5 menit. Anda dapat memperbarui widget aktif dan menyimpan perubahan dari bilah mengambang.
Panduan ini membantu Anda mengubah gambar, warna, teks, dan perilaku buka otomatis widget chatbot.
Buka: Communication Hub → Chatbot → Widget Style
Referensi Cepat
| Tugas | Tempat diklik | Hasil |
|---|---|---|
| Pratinjau widget | Getting Started / Conversation | Lihat pengalaman tamu pada setiap tata letak |
| Edit ikon peluncur | Images & Branding | Ubah tombol mengambang yang diklik tamu |
| Edit avatar bot | Images & Branding | Ubah gambar di dalam chat |
| Sesuaikan perilaku buka otomatis | Launcher (Chat Button) | Atur kapan widget terbuka di desktop dan mobile |
| Edit warna header dan pesan | Header, Bubbles, Input | Sesuaikan dengan gaya merek Anda |
| Edit teks sambutan dan tautan kebijakan | Welcome Screen | Atur layar pertama yang dilihat tamu |
| Simpan atau batalkan perubahan | Bilah mengambang di bagian bawah halaman | Terapkan atau batalkan edit saat ini |
Akses Paket
- Penataan gaya widget memerlukan paket berbayar.
- Widget Style memerlukan izin
chatbot_setup:manage. - Tanpa izin ini, AVA menyembunyikan halaman dan memblokir tautan langsung.
- Akun tingkat gratis akan melihat permintaan upgrade dan tidak dapat menyimpan gaya.
Untuk melakukan upgrade, buka Settings → Billing & Subscription.
Memperbarui Gaya Widget
-
Gunakan tombol mode pratinjau:
- Getting Started
- Conversation
✓ Pratinjau diperbarui sesuai mode yang dipilih.
-
Buka Images & Branding untuk memperbarui aset visual.
-
Gunakan Launcher Icon untuk gambar tombol mengambang.
-
Gunakan Bot Avatar untuk gambar di dalam chat.
✓ Gambar-gambar ini digunakan pada bagian widget yang berbeda.
-
Buka Launcher (Chat Button) untuk menyesuaikan perilaku buka otomatis.
-
Pilih pengaturan untuk Desktop dan Mobile.
-
Jika memilih Enable with delay, pilih jeda dalam detik.
✓ Widget menggunakan perilaku buka yang dipilih untuk setiap jenis perangkat.
-
Buka Header, Bubbles, Input, dan Welcome Screen untuk memperbarui teks dan warna.
-
Buka bagian Terms & policies di Welcome Screen.
-
Aktifkan Privacy Policy atau Terms Of Service sesuai kebutuhan.
-
Masukkan URL atau unggah file
.pdfatau.md.
✓ File yang diunggah mengisi URL kebijakan secara otomatis.
- Klik Save chatbot style settings pada bilah mengambang.
✓ Tombol muncul setelah Anda melakukan perubahan.
Memeriksa Akses Anda
Anda memerlukan chatbot_setup:manage untuk melihat atau mengedit Widget Style.
Minta administrator memperbarui peran Anda jika halaman atau tautannya tidak tersedia.
Memecahkan Masalah Akses
Yang Anda lihat: Widget Style tidak tersedia, atau tautan langsung tidak terbuka.
Perbaikan:
-
Minta administrator membuka Superadmin → Permissions → Roles.
-
Pastikan peran Anda mencakup
chatbot_setup:manage. -
Keluar lalu masuk lagi setelah peran diubah.
-
Buka Communication Hub → Chatbot → Widget Style.
✓ Halaman dan tautan sidebar muncul ketika peran Anda memiliki akses.
Memahami Gambar
Gunakan gambar yang tepat di tempat yang tepat.
| Gambar | Tempat kemunculan | Dampak |
|---|---|---|
| Launcher Icon | Tombol mengambang di luar chat | Tombol yang diklik tamu untuk membuka chat |
| Bot Avatar | Header, pesan bot, dan layar sambutan | Wajah yang dilihat tamu di dalam percakapan |
Jika Anda menyimpan gaya widget yang lebih lama, penyimpanan pertama akan memindahkan gambar tersebut ke Bot Avatar secara otomatis.
Mengelola Kebijakan
-
Buka Welcome Screen.
-
Buka bagian Terms & policies.
-
Biarkan Vouch Policy tetap aktif.
-
Aktifkan Privacy Policy atau Terms Of Service bila diperlukan.
-
Tambahkan label dan URL, atau unggah file
.pdfatau.md. -
Klik Save chatbot style settings.
✓ Pratinjau menampilkan tautan yang diaktifkan pada layar sambutan.
Mempertahankan Perubahan atau Mengembalikannya
Halaman ini menggunakan bilah tindakan mengambang di bagian bawah.
- Klik Save chatbot style settings untuk mempertahankan edit Anda.
- Klik Discard changes untuk kembali ke versi terakhir yang disimpan.
Anda hanya melihat bilah mengambang setelah mengubah suatu kolom.
Tips
- Pertahankan kontras teks yang tinggi agar mudah dibaca.
- Periksa kedua mode pratinjau sebelum menyimpan.
- Buat nama kebijakan tetap singkat agar tautan muat di layar mobile.
- Gunakan warna yang konsisten dengan situs web dan email tamu Anda.
- Gaya tombol lampiran tidak dapat diedit di halaman ini.
Pemecahan Masalah
Pratinjau tidak diperbarui
Yang Anda lihat: Pratinjau tetap sama setelah diedit.
Perbaikan:
- Beralih antara Getting Started dan Conversation
- Muat ulang halaman
- Coba perubahan lagi
Penyimpanan gagal atau dikembalikan
Yang Anda lihat: Gaya tidak bertahan setelah disimpan.
Perbaikan:
- Klik Save chatbot style settings lagi
- Tunggu pesan berhasil
- Pastikan paket Anda mengizinkan penataan gaya widget
Gambar yang salah muncul
Yang Anda lihat: Tombol mengambang berubah, tetapi avatar chat tidak berubah.
Perbaikan:
- Buka Images & Branding
- Edit Launcher Icon untuk tombol mengambang
- Edit Bot Avatar untuk gambar di dalam chat
- Simpan perubahan Anda
Pengunggahan mengembalikan status sibuk
Yang Anda lihat: Pengunggahan gambar atau kebijakan gagal dengan pesan bahwa sistem sedang sibuk.
Perbaikan:
- Tunggu 10 detik
- Coba unggah lagi
- Jika beberapa staf mengunggah secara bersamaan, beri jeda antar-pengunggahan
- Jika terus terjadi, hubungi dukungan
Pengunggahan kebijakan gagal
Yang Anda lihat: Pengunggahan menampilkan kesalahan di bawah kolom kebijakan.
Perbaikan:
- Gunakan hanya file
.pdfatau.md - Pastikan file cukup kecil untuk diunggah
- Jika pengunggahan menunjukkan pesan sibuk, tunggu 10 detik lalu coba lagi
- Coba unggah lagi, lalu klik Save chatbot style settings
Tautan kebijakan tidak muncul
Yang Anda lihat: Privacy Policy atau Terms Of Service tidak ada di pratinjau.
Perbaikan:
- Buka Welcome Screen
- Aktifkan sakelar kebijakan
- Tambahkan URL yang valid
- Simpan pengaturan lagi
Discard tidak memulihkan halaman
Yang Anda lihat: Halaman masih menampilkan edit yang belum disimpan setelah Anda mengeklik Discard changes.
Perbaikan:
- Tunggu hingga kontrol diperbarui
- Coba Discard changes lagi
- Muat ulang halaman jika diperlukan
Masih Mengalami Kendala?
Hubungi success@vouch-technologies.com jika:
- ❌ Gaya tidak tersimpan setelah beberapa kali mencoba
- ❌ Pratinjau tidak diperbarui setelah disimpan
- ❌ Masalah berlangsung lebih dari 30 menit
Sebaiknya sertakan:
- Tangkapan layar halaman Widget Style
- Perubahan gaya yang Anda coba
- Waktu masalah mulai terjadi