Mode Floating Bubble
Mode Floating Bubble adalah mode default widget Glosia. Widget muncul sebagai tombol mengambang di pojok layar website Anda — pengunjung bisa mengkliknya kapan saja untuk membuka panel chat, dan menutupnya kembali tanpa meninggalkan halaman.
Mode ini tersedia di semua paket, termasuk paket Starter (gratis).
Saat Anda menggunakan mode Floating Bubble, embed script (bubble.js) secara otomatis menyuntikkan sebuah <iframe> ke halaman Anda. Iframe ini berisi dua elemen:
- Launcher — Tombol bulat kecil yang selalu terlihat di pojok layar. Pengunjung mengkliknya untuk membuka chat.
- Panel Chat — Jendela percakapan yang muncul saat launcher diklik. Pengunjung bisa menutupnya dengan tombol × di header atau mengklik launcher kembali.
Posisi launcher bisa dikonfigurasi ke pojok kanan atau kiri layar menggunakan parameter data-position.
Karakteristik Utama
- Non-intrusif: Widget tidak mengambil ruang di layout halaman Anda — ia tumpang-tindih di atas konten (fixed overlay).
- Selalu tersedia: Launcher tetap terlihat saat pengunjung menggulir halaman ke mana pun.
- Buka/tutup: Pengunjung punya kendali penuh untuk membuka dan menutup panel chat sesuai kebutuhan.
- Posisi fleksibel: Bisa ditempatkan di pojok kanan bawah atau kiri bawah layar.
Kapan Harus Memilih Mode Ini?
Mode Floating Bubble cocok untuk mayoritas kasus penggunaan. Pilih mode ini jika:
- Anda ingin menambah fitur chat tanpa mengubah desain atau layout halaman yang sudah ada.
- Website Anda memiliki banyak konten (artikel, produk, landing page) dan Anda tidak ingin widget mengganggu pembaca.
- Anda ingin widget dapat diakses dari berbagai halaman website secara konsisten.
Contoh Snippet
Tempelkan script berikut sebelum tag penutup </body>:
<script
async
src="https://glosia.biz.id/embed/v1/bubble.js"
data-key="YOUR_WIDGET_KEY"
data-position="right"
data-primary="#0d9488"
data-background="#f8fafc"
data-foreground="#0f172a"
data-surface="#ffffff"
></script>