Cara Membuat Floating Button di WordPress

Floating Button pada website biasanya digunakan untuk menampilkan informasi-informasi tambahan yang belum ada di website. Pada umumnya untuk floating button bisa menampilkan informasi seperti sosial media, nomor telepon, atau internal link.

Untuk membuat floating button, Anda bisa menggunakan Buttonizer.

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 Anda.

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

Tombol Buttonizer akan melayang di bagian sudut situs Anda 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 Anda sudah login ke dashboard WordPress.

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

2 plugins add new

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

3 install now

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

4 activate

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

5 buttonizer

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

10 new group rename

Pada buttonizer, Anda bisa membuat kelompok (Group) untuk button-button yang akan ditampilkan. Pada New Group, Anda bisa mengatur generalstyle, 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
6 new group
7 new group general
8 new group style
9 new group advanced

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

11 new button detail
11 new button

Pada Tab Style, Anda bisa mengatur color button, button style, icon, dan label.

11 new button color
11 new button icon
11 new button label1

Setelah semua pengaturan dilakukan untuk button-button tertentu, maka akan muncul tampilan seperti ini.

12 floating button

Untuk setting buttonizer lebih lengkap, Anda bisa pelajari video berikut ini.

Apakah artikel ini membantu?

Bagikan jika Anda menyukai halaman ini.

Artikel Serupa


related posts

Cara Migrasi Website Weebly ke Hosting

Weebly merupakan platform untuk membuat website berbasis drag and drop. Anda dapat membangun website secara praktis tanpa coding sekalipun. Sayangnya layanan Weebly Niagahoster akan dinonaktifkan pada tanggal 30 Januari 2023. Bagi Anda yang masih menggunakan layanan ini harap untuk melakukan pemindahan atau migrasi sebelum tanggal tersebut. Pada panduan ini, kami akan memberikan solusi alternatif agar […]

Selengkapnya
related posts

Mengutamakan produk tertentu di paling atas halaman shop di woocommerce

Jika kita ingin mengutamakan beberapa produk agar bisa menjadi yang teratas di halaman shop maka kita bisa menggunakan “sorting” Drag and drop produk mana yang ingin kita utamakan paling atas  Produk paling atas akan menjadi yang pertama muncul di halaman “Shop” Apakah artikel ini membantu?

Selengkapnya
related posts

Cara Menghapus Kategori Produk “Uncategorized” di Woocommerce

Buat terlebih dahulu kategori produk yang lebih general atau akan sering digunakan  Pilih kategori tersebut sebagai default dengan klik “Make default“   Setelah itu kita baru bisa menghapus kategori “uncategorized”  Apakah artikel ini membantu?

Selengkapnya