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 Export Database di phpMyAdmin

Untuk melakukan eksport database di phpMyAdmin, Anda perlu mengakses phpMyAdmin terlebih dahulu. Langkah-langkah Export Database melalui phpMyAdmin 1. Buka phpMyAdmin di cPanel 2. Pilih database yang ingin dieksport di sidebar sebelah kiri. 3. Klik tombol Export pada menu navigasi di atas tabel. 4. Jika Anda hanya ingin melakukan eksport file SQL, yang dibutuhkan untuk memindahkan […]

Selengkapnya
related posts

Cara Optimasi Database MySQL Menggunakan phpMyAdmin

Melakukan optimasi database MySQL memiliki beberap manfaat bagi website Anda, salah satunya adalah dapat meningkatkan kecepatan database dalam menampilkan data. Ukuran database website dapat bertambah seiring berjalannya waktu, terutama jika website tersebut memiliki banyak konten. Oleh karena itu, melakukan optimasi database dapat signifikan meningkatkan performa website. Untuk melakukan pengoptimalan, Anda dapat menggunakan phpMyAdmin yang merupakan […]

Selengkapnya
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