Skip to main content

Cara Menambahkan Widget Side Bar Mengambang yang Lengket di WordPress

Cara Menambahkan Widget Bilah Sisi Mengambang yang Lengket di WordPress
 Kata bangArif

Cara Menambahkan Widget Bilah Sisi Mengambang yang Lengket di WordPress


Elemen yang mengapung dengan layar saat pengguna menggulir cenderung memiliki rasio klik-tayang yang lebih tinggi. Inilah sebabnya mengapa situs web otoritas seperti Quick Sprout, ManageWP, dan Shopify menggunakan widget mengambang – ini meningkatkan tingkat konversi.

Dalam posting ini, kami akan menunjukkan kepada Anda, bagaimana Anda dapat menambahkan widget sidebar mengambang lengket di WordPress menggunakan plugin widget tetap Q2W3.

Tentang Plugin Widget Tetap (Widget Lengket) Q2W3

Q2W3 adalah plugin ringan yang mengandalkan atribut ID unik dalam kode html dan jQuery untuk mencapai hasil akhir. Pada dasarnya, setelah diaktifkan, plugin akan mengaktifkan opsi widget tetap di pengaturan widget. Anda juga akan memiliki kemampuan untuk membuat lebih dari satu widget menjadi lengket dan jika Anda memiliki banyak sidebar, Anda dapat menyesuaikan pengaturan untuk masing-masing widget.

Plugin ini berfungsi dengan sebagian besar tema populer tetapi ada beberapa masalah yang diketahui:

  • Diperlukan minimal jQuery 1.7.
  • Tidak ada kesalahan JS yang disebabkan oleh plugin lain.
  • Fungsi wp_head() dan wp_footer() harus ada di file header.php dan footer.php.
  • Jika widget Anda melompat-lompat dengan menggulir, Anda mungkin perlu menggunakan beberapa CSS khusus untuk memperbaiki masalah.

Menyesuaikan Pengaturan Widget Lengket Anda

Dalam dasbor admin WordPress di bawah Penampilan, Anda akan menemukan pengaturan global untuk “Opsi Widget Tetap” Meskipun akan lebih baik jika Anda dapat menyesuaikan pengaturan ini untuk setiap widget individu, itu tidak mungkin saat ini. Namun, ada sejumlah pengaturan bermanfaat yang memungkinkan Anda menyesuaikan tampilan keseluruhan termasuk:

  • Menyesuaikan margin atas dalam px – Jika Anda menggunakan bilah sisi kiri dan kanan, coba pastikan bahwa bagian atas kedua widget di setiap sisi sejajar.
  • Menyesuaikan margin bawah dalam px – jika Anda memiliki masalah dengan widget yang tumpang tindih dengan footer Anda, ini adalah pengaturan yang harus Anda perhatikan
  • Opsi interval penyegaran – Opsi ini memungkinkan Anda untuk menyesuaikan seberapa sering plugin menghitung ulang pengaturannya. Pengembang merekomendasikan pengaturan antara 250-1500 md karena pengaturan ini dapat memengaruhi kinerja situs Anda secara keseluruhan.

Contoh Situs Web yang Menggunakan Widget Mengambang

Anda dapat menggunakan plugin untuk mempromosikan produk atau layanan Anda. Dan jika Anda adalah orang besar seperti Neil Patel, maka Anda dapat menjual prospek tersebut ke agen dan menghasilkan ribuan dolar setiap bulan. Penting juga untuk memastikan bahwa konten yang Anda tempatkan di widget tempel Anda adalah sesuatu yang ingin dilihat pengunjung Anda. Sangat mudah bagi widget lengket untuk membuat pengalaman pengguna Anda negatif.

Penting juga untuk menguji situs Anda di beberapa perangkat. Mencoba menggunakan widget tongkat di perangkat seluler jarang berhasil bagi pengguna akhir. Q2W3 memiliki opsi kotak centang sederhana untuk menonaktifkan plugin di perangkat ponsel atau tablet.

tauge

Atau Anda dapat menggunakannya untuk mendapatkan lebih banyak pelanggan, periksa tangkapan layar di bawah ini untuk melihat bagaimana Shopify menggunakan ini untuk menarik lebih banyak pelanggan email.

shopify

Membuat Widget Mengambang Lengket menggunakan plugin Q2W3

Langkah 1: Instal dan aktifkan plugin. Arahkan ke Plugins > Add New > cari “Q2W3 Fixed Widget” atau jika Anda terbiasa memasang plugin di WordPress daripada yang Anda inginkan unduh itu dari direktori WordPress dan unggah secara manual.

instal plugin langkah1

Langkah 2: Setelah Anda mengaktifkan plugin, buka halaman pengaturan, yang dapat ditemukan di bawah bagian “Tampilan”. Pada halaman pengaturan, atur margin, interval refresh, lebar maksimal, aktifkan jQuery, dan banyak lagi.

Opsi Widget Tetap

Sekarang untuk membuat widget mengambang, cukup centang kotak “Fixed Widget” di widget Anda.

Anda dapat menggunakan widget lengket untuk meningkatkan pendaftaran buletin, menampilkan konten, mempromosikan profil media sosial Anda, memasang iklan spanduk, dll. Dan Anda bahkan dapat memiliki beberapa widget mengambang di area bilah sisi Anda.

Anda melihat penggunaan konten lengket di seluruh web. Beberapa orang menggunakan konten tempel di profil twitter mereka untuk mempromosikan bisnis mereka. Situs web WordPress sering memiliki posting yang lengket di bagian atas blog untuk menempatkan informasi penting di depan dan di tengah. Hal terpenting untuk diingat adalah Anda harus menggunakan konten tetap secara selektif dan memastikannya tidak menghalangi pengunjung Anda – begitu mereka pergi, ada kemungkinan besar mereka tidak akan pernah mengunjungi situs web Anda lagi.

Apakah Anda menggunakan plugin ini? Apa pendapat Anda tentang widget mengambang, secara umum? Silakan bagikan pemikiran Anda di komentar di bawah.

Demikanlah tulisan tentang Cara Menambahkan Widget Bilah Sisi Mengambang yang Lengket di WordPress.

Semoga dapat menjadi manfaat bagi kita semua.

Comments