Mengatur Gambar, Ukuran, dan Posisi Tombol Live Chat
Ganti gambar tombol chat, pilih ukuran 40–96 px, dan atur posisinya di kiri, kanan, atau jarak kustom agar widget Live Chat pas di website Anda.
Tombol chat adalah bola yang diklik pengunjung website untuk membuka Live Chat. Ikuti panduan ini untuk mengganti gambarnya, mengubah ukurannya, atau memindahkan posisinya agar tidak menutupi elemen lain di website Anda.
Setelah selesai, pengunjung website melihat tombol chat dengan gambar, ukuran, dan posisi baru, seperti di pratinjau pada Gambar 1.
Gambar 1: Tombol chat ukuran Besar di kiri bawah, seperti yang dilihat pengunjung
No. | Bagian | Keterangan |
1 | Tombol chat | Tombol dengan gambar, ukuran, dan posisi yang Anda pilih. Pengunjung mengkliknya untuk membuka Live Chat. |
Sebelum memulai
- Akun Anda berperan Admin, karena pengaturan widget ada di menu Integrasi BarantumChat.
- Widget Live Chat sudah dibuat. Jika belum, ikuti Memasang Live Chat Barantum di website.
- Untuk gambar sendiri, siapkan file PNG, JPG, atau WebP berukuran maksimal 200 KB. PNG atau WebP berlatar transparan memberi hasil terbaik.
Langkah-langkah
- Di BarantumChat, klik ikon Integrasi di sidebar kiri, lalu klik Kelola pada kartu Live Chat (1) dan pilih widget yang ingin diatur.
Langkah 1: Kartu Live Chat di Saluran Integrasi
- Klik tab Tampilan (2a), lalu klik kartu Tombol chat (2b) untuk membukanya.
Langkah 2: Tab Tampilan dan kartu Tombol chat
- Di Gambar tombol (3), pilih Bawaan atau Gambar sendiri. Untuk Gambar sendiri, klik kotaknya lalu pilih file gambar Anda.
- Di Ukuran tombol (4), pilih Kecil, Sedang, Besar, atau Kustom. Untuk Kustom, geser slider ke ukuran yang Anda inginkan.
- Di Posisi tombol (5), pilih Kiri bawah, Kanan bawah, atau Kustom.
Langkah 3–5: Gambar tombol, Ukuran tombol, dan Posisi tombol
No. | Pengaturan | Pilihan |
3 | Gambar tombol | Bawaan = bola berwarna widget dengan ikon chat. Gambar sendiri menggantikan seluruh tombol dan tampil sesuai bentuk gambarnya. Setelah diunggah, klik Ganti gambar untuk menggantinya. |
4 | Ukuran tombol | Kecil (48 px), Sedang (56 px), Besar (64 px), atau Kustom (40–96 px). Ukuran = diameter bola bawaan, atau sisi terpanjang gambar sendiri; proporsi gambar tetap. |
5 | Posisi tombol | Sudut layar tempat tombol muncul di website: Kiri bawah, Kanan bawah, atau Kustom untuk mengatur jarak sendiri. |
Jika memilih Kustom (5a), atur juga Sisi (5b), yaitu Kiri bawah atau Kanan bawah, lalu geser Jarak dari samping dan Jarak dari bawah (5c). Jarak bawaan 20 px dan bisa diatur 0–200 px.
Langkah 5: Posisi Kustom dengan Sisi dan jarak
- Klik Simpan Pengaturan di kanan atas halaman.
- Jika Anda mengubah posisi tombol, buka tab Pemasangan & tautan, salin ulang kode pemasangan, lalu ganti kode lama di website Anda.
Catatan: Posisi tombol, terutama jarak Kustom, dibawa oleh kode pemasangan (atribut data-offset-x dan data-offset-y). Karena itu perubahan posisi baru berlaku di website setelah kode disalin ulang dan dipasang. Gambar dan ukuran tombol berlaku setelah disimpan.
Hasil: panel Pratinjau langsung di kiri menampilkan tombol chat dengan gambar, ukuran, dan posisi baru, sama seperti yang akan dilihat pengunjung website (lihat Gambar 1).
Tips: Jika tombol chat menutupi tombol lain di website (misalnya tombol WhatsApp atau "kembali ke atas"), pakai posisi Kustom dan tambah Jarak dari bawah.
Troubleshooting
Tombol tidak muncul saat pelanggan membuka tautan iklan: ini normal. Tombol chat tidak tampil saat widget dibuka dari tautan iklan, karena chat langsung terbuka di halaman penuh.
Posisi di website tidak berubah: kode lama masih terpasang. Salin ulang kode dari tab Pemasangan & tautan dan pasang di website, lalu muat ulang halaman.
Gambar gagal diunggah: pastikan formatnya PNG, JPG, atau WebP dan ukurannya tidak melebihi 200 KB.