Sebelum membahas cara membuat floating button, kita pahami dulu apa itu Floating Button?. Floating button merupakan sebuah tombol melayang meskipun halaman di Scroll kebawah maupun ke atas. Artinya secara posisi tombol tersebut tetap beradad disana. Hal ini bertujuan untuk memudahkan konsumen ketika mencari infotmasi kontak person dan lain-lain.
A. Manfaat Floating Button
- Tampilan website akan terlihat lebih professional
- Memudahkan pengunjung dalam berinteraksi
- Call to Action yang cukup efective
- Menjadikan website terkesan lebih serius
B. Membuat Floating Button
Banyak cara untuk membuat floating button, bisa dengan cara coding Php, Javascript, maupun Plugin. Namun cara yang sangat mudah menurut mimin yaitu menggunakan Plugin.
Baca Juga : Cara Membuat Menu Navigasi di WordPress
Setidaknya ada 2 rekomendasi plugin terbaik yang bisa kamu gunakan :
1. Buttonizer
- Install & Activate terlebih dahulu Plugin Buttonizer dengan cara masuk ke menu Plugin > Add New, lalu cari dengan keyword “Buttonizer“.

- Masuk ke menu Buttonizer, lalu kamu akan diarahkan menu setup Plugin Buttonizer


- Dari sini kamu tinggal mengikuti arahan dari Buttonizer. Untuk versi Gratis kamu hanya bisa menggunakan 1 Group Button. Namun 1 Grup tersebut kamu bisa tambahkan beberapa Button.
- Selamat Mencoba.
Baca Juga : Apa itu Domain? Pengertian dan Jenis-Jenis Domain
2. Floating Menu Lite
- Install & Activate terlebih dahulu plugin Floating Menu Lite, Klik menu Plugin > Add New. Kemudian cari Floating Menu Lite di pencarian.

- Setelah plugin diaktifkan, masuk ke menu Wow Plugin > Floating menu Lite

Baca Juga : Tutorial Redirect HTTP ke HTTPS di WordPress
- Untuk membuat Floating Button baru, klik Add Item
- Isi Label Text sampai dengan Link.

- Klik Tab Icon untuk mengatur Icon Tombol.

- Sedangkan jika kamu ingin merubah warna floating button, masuk ke tab Style.

Baca Juga : Cara Setting SSL Gratis di CPanel Niagahoster
- Pengaturan posisi di menu Settings

- Disini mimin akan coba gunakan 2 tombol.

- Selamat kamu sudah membuat Floating Menu keren.

This Post Has One Comment
Pingback: Cara Membuat Menu Navigasi di WordPress - Digimoonstar