Floating Contact Widget

Bagi pemilik toko online atau bisnis yang mengandalkan WordPress, ada satu masalah klasik yang sering diabaikan: pengunjung website datang, tertarik dengan produkmu, tapi bingung harus menghubungimu lewat mana. Apakah harus scroll ke footer mencari nomor WhatsApp? Buka tab baru cari toko Tokopedia? Atau malah pergi begitu saja karena tidak menemukan cara cepat untuk bertanya?

Floating Contact Widget hadir untuk menyelesaikan masalah ini dengan cara paling sederhana: satu tombol mengambang yang selalu terlihat di pojok layar, berisi semua kanal kontak bisnismu sekaligus — WhatsApp, Tokopedia, Shopee, TikTok, Email, bahkan kanal lain yang kamu tambahkan sendiri.

Artikel ini akan membahas tuntas semua fitur yang ada di dalam plugin ini.

Kenapa Tombol Kontak Mengambang Itu Penting?

Riset UX berulang kali menunjukkan bahwa semakin banyak langkah yang harus dilakukan pengunjung untuk menghubungi sebuah bisnis, semakin besar kemungkinan mereka batal bertanya atau membeli. Tombol mengambang (floating button) menjawab ini dengan cara:

Selalu terlihat di layar manapun pengunjung sedang berada, tanpa perlu scroll
Satu titik akses untuk semua kanal, bukannya mengumpulkan ikon media sosial yang berserakan di header/footer
Mengurangi friksi — dari melihat tombol sampai mengirim pesan hanya butuh dua klik

Yang membedakan Floating Contact Widget dari widget serupa adalah: hampir semuanya bisa diatur tanpa menyentuh kode sama sekali.

Fitur Lengkap

1. Lima Kanal Kontak Siap Pakai

Plugin ini datang dengan lima platform yang paling umum dipakai bisnis di Indonesia:

Platform	Yang bisa diatur
WhatsApp	Nomor tujuan + pesan otomatis yang sudah terisi duluan saat pengunjung klik
Tokopedia	Link langsung ke toko
Shopee	Link langsung ke toko
TikTok	Link ke profil
Email	Alamat tujuan (otomatis membuka aplikasi email pengunjung)

Setiap platform punya toggle aktif/nonaktif sendiri. Tidak jualan di Shopee? Tinggal matikan, dan ikonnya otomatis hilang dari widget — tidak perlu menghapus data, tinggal centang ulang kapan saja.

2. Kontak Tambahan Tanpa Batas (Custom)

Selain lima platform di atas, kamu bisa menambahkan kontak apa pun — Instagram, Telegram, LinkedIn, website lain, nomor telepon kantor, apa saja — sebanyak yang dibutuhkan. Setiap kontak tambahan punya:

Nama sendiri
Link tujuan sendiri
Ikon sendiri (opsional)

Kalau kamu tidak sempat upload ikon untuk kontak tambahan, plugin akan otomatis mengambil favicon dari domain link yang kamu masukkan — jadi tampilannya tetap rapi tanpa kerja ekstra.

3. Ikon Kustom untuk Semua Platform

Tidak puas dengan ikon bawaan? Setiap platform (termasuk lima yang utama) bisa diganti ikonnya lewat Media Library WordPress — tinggal klik “Choose Image”, pilih gambar, selesai. Kalau dikosongkan, plugin otomatis memakai logo resmi masing-masing platform sebagai fallback.

4. Auto-Slide Icon di Dalam Bubble

Sebelum diklik, ikon-ikon platform yang aktif akan bergantian bergeser otomatis di dalam bubble — memberi sinyal visual ke pengunjung bahwa ada beberapa opsi kontak tersedia, tanpa harus membuka widget dulu. Kecepatan pergantiannya bisa diatur bebas (dalam hitungan detik), dari yang lambat dan tenang sampai yang cepat dan mencolok.

5. Pulse Effect yang Bisa Disesuaikan

Untuk menarik perhatian pengunjung, ada efek cincin berdenyut (pulse ring) di sekeliling bubble. Beberapa hal yang bisa diatur:

Aktif/nonaktifkan kapan saja kalau ingin tampilan lebih tenang
Warna cincin — penting untuk website dengan berbagai warna latar; warna putih default tidak akan terlihat di website dengan background terang, jadi kamu bisa ganti ke warna apa pun yang kontras dengan temamu
Otomatis mati saat panel kontak dibuka, dan otomatis menyala lagi saat ditutup — supaya tidak mengganggu saat pengunjung sedang membaca daftar kontak

6. Tampilan yang Sepenuhnya Bisa Dikustomisasi

Bagian Appearance di halaman pengaturan memberi kontrol penuh atas tampilan widget:

Warna gradasi bubble — dua titik warna (awal & akhir) lewat color picker bawaan WordPress
Posisi widget — pojok kanan bawah atau kiri bawah
Jarak dari tepi layar (padding) — diatur terpisah untuk desktop dan mobile, supaya di layar HP yang kecil widget tidak memakan terlalu banyak ruang
Judul panel — teks default “Contact Us” bisa diganti sesuai bahasa/gaya komunikasi brand-mu

7. Tipografi Kustom

Untuk brand yang punya panduan visual ketat, ukuran font dan bold/tidaknya teks bisa diatur terpisah untuk:

Judul panel (misal “Hubungi Kami”)
Nama tiap kontak dalam daftar (WhatsApp, Tokopedia, dst — termasuk kontak tambahan)

8. Buka/Tutup Instan — Tanpa Animasi Berat

Berbeda dari kebanyakan widget chat yang punya animasi flip atau slide yang lambat, Floating Contact Widget dirancang untuk membuka dan menutup secara instan. Begitu diklik, panel langsung tampil — tidak ada jeda animasi yang membuat pengunjung menunggu, sekecil apa pun itu.

9. Ringan dan Ramah Performa

Dibangun dengan CSS dan JavaScript murni di sisi pengunjung — tanpa membebani halaman dengan library besar seperti jQuery atau framework front-end
CSS dan JS di-enqueue dengan benar mengikuti standar WordPress (bukan ditempel langsung di HTML), sehingga kompatibel dengan sistem caching dan optimasi plugin lain
Tidak menyimpan data pengunjung apa pun — satu-satunya data yang disimpan adalah pengaturan yang kamu isi sendiri di halaman admin

10. Sepenuhnya Dikontrol dari Halaman Admin

Ini mungkin fitur yang paling penting: tidak ada satu pun pengaturan yang mengharuskanmu membuka file kode. Mulai dari nomor WhatsApp, link toko, warna, posisi, sampai ikon — semua diatur lewat satu halaman pengaturan yang intuitif di dashboard WordPress.

Cara Kerja Singkat

Install dan aktifkan plugin dari menu Plugins di WordPress
Buka menu Floating Contact di sidebar admin
Isi nomor WhatsApp, link Tokopedia/Shopee/TikTok, dan email
Sesuaikan warna, posisi, dan kecepatan animasi sesuai selera
Klik Save Settings — widget langsung tampil di seluruh halaman website

Tidak perlu shortcode, tidak perlu edit template tema, tidak perlu sentuh satu baris kode pun.

Cocok untuk Siapa?

Floating Contact Widget dirancang untuk siapa pun yang menjalankan bisnis lewat WordPress dan ingin pengunjung website-nya bisa terhubung secepat mungkin, misalnya:

UMKM dan toko online yang jualan lewat banyak marketplace sekaligus (Tokopedia + Shopee)
Bisnis jasa yang mengandalkan WhatsApp sebagai kanal utama follow-up pelanggan
Kreator dan brand yang ingin mengarahkan trafik ke TikTok tanpa kehilangan pengunjung yang sudah ada di website
Siapa pun yang lelah menempelkan lima ikon media sosial berbeda di footer yang jarang dilihat orang

Penutup

Floating Contact Widget dibangun dengan satu prinsip sederhana: menghubungkan pengunjung website dengan bisnismu secepat dan semudah mungkin, tanpa mengorbankan performa atau fleksibilitas tampilan. Semua kanal kontak dalam satu tombol, semua pengaturan dalam satu halaman.

Kalau website-mu masih mengandalkan pengunjung untuk “mencari sendiri” cara menghubungimu, mungkin ini saatnya memberi mereka jalan yang lebih pendek.