Cara Membuat Floating Button di WordPress

Floating button adalah sebuah tombol melayang, bahkan ketika halaman di scroll ke atas atau ke bawah. Floating button akan membuat websitemu lebih profesional dan memudahkan interaksi dengan pengunjung.

Pada tutorial kali ini, kami akan berbagi dengan kamu tentang cara membuat floating button di WordPress. Untuk membuat floating button, kita akan menggunakan plugin Buttonizer.

Cara Membuat Floating Button di WordPress

Buttonizer adalah plugin freemium yang artinya ia menawarkan versi gratis serta versi premium dari plugin tersebut. Ini adalah plugin yang sangat sederhana dan mudah untuk memulai untuk membuat berbagai macam tombol tindakan langsung melayang pada situs WordPress milikmu.

Jika ingin memulai dengan versi gratis, kamu dapat menginstal dan mengaktifkannya langsung dari dashboard WordPress. Dan jika ingin menggunakan versi premium, kamu bisa mendapatkannya dari situs Buttonizer.

Tombol Buttonizer akan melayang di bagian sudut situs dan akan terbuka untuk melakukan tindakan yang diinginkan saat pengguna mengkliknya.

Plugin Buttonizer dapat melakukan banyak fungsi berbeda, seperti :

Menambahkan Facebook Messenger
Opsi obrolan Whatsapp
Twitter Direct Messager
Mengirim Email
Opsi panggilan telepon
Mengirim SMS
Membuka URL
Tombol berbagi sosial
Mencetak halaman
Dan banyak lagi

Cara Setup Buttonizer di WordPress

1. Pastikan kamu sudah login ke dashboard WordPress.

2. Kemudian, Pilih Plugins > Add New pada sidemenu dashboard.

Cara Membuat Floating Button di WordPress

3. Pilih Upload Plugin, kemudian cari plugin dengan kata kunci "Smart Floating / Sticky Buttons – Call, Sharing, Chat Widgets & More – Buttonizer"

4. Kemudian pilih Install dan Active untuk mengaktifkan plugin tersebut.

5. Setelah Active akan diarahkan ke tampilan seperti dibawah ini.

Masuk ke edit buttons

Klik My First Button kemudian pilih button group

Pilik button yang sesuai diinginkan

Kalau sudah memilih button yang sesuai tampilan akan seperti ini

Untuk mengubah nama (rename) bisa klik icon 3 titik di sebelah kanan.

Pada buttonizer, kamu bisa membuat kelompok (Group) untuk button-button yang akan ditampilkan. Pada New Group, kamu bisa mengatur general, style, dan advanced

General : Untuk mengatur label, posisi, dan menu style
Style : untuk mengatur warna, button style, icon, dan label
Advanced : untuk mengatur animasi pada button

Untuk membuat button, Silahkan pilih (+) Add Button, dan ketikkan Nama Button yang akan dibuat. Pada Tab General, kamu bisa mengatur action button yang akan digunakan dan label yang akan ditampilkan.