How to Start a Blog? Panduan Membuat Blog Hanya 30 Menit

Cara Mudah Menambahkan Filter Produk di WooCommerce

Cara Mudah Menambahkan Filter Produk di WooCommerce – Dalam toko online yang memiliki banyak produk, fitur yang wajib dimiliki selain fitur pencarian adalah adanya fitur Filter atau penyaringan produk. Kenapa harus memiliki fitur filter adalah karena memudahkan pengguna dalam memilih produk sesuai dengan kategori tertentu atau spesifikasi tertentu dengan cepat untuk menampilkan produk sesuai dengan keinginan pengguna.

Kadang hal yang menjengkelkan jika hanya terdapat fitur pencarian saja adalah ketika kita sebagai pengguna ingin mencari produk tertentu semisal Smartphone, ketika kita mengetikkan kata kunci di pencarian berdasarkan merek, produk yang dimunculkan sangat banyak seperti aksesoris dan yang berkaitan dengan kata kunci itu, tapi smartphone yang kita cari ditampilkan di halaman paling belakang. Namun, ketika kita menggunakan fitur filter dan memasukkan range harga maka yang dimunculkan benar-benar produk smartphone yang kita cari bukan aksesorisnya.

Dengan melihat studi kasus seperti yang saya jelaskan diatas, maka sangat penting dan bahkan wajib bagi pemilik toko online untuk menambahkan fitur filter dalam toko onlinenya yang memiliki ratusan bahkan ribuan produk. Jika Anda adalah pemilik toko online WordPress yang dibuat dengan plugin WooCommerce dan memiliki ratusan produk dan varian produk. Menambahkan plugin filter produk WooCommerce ke toko Anda, Anda dapat menawarkan banyak produk dan varian berkualitas tinggi yang sesuai dengan niche Anda dengan cepat membantu pengguna dalam menemukan produk mereka sehingga mereka dapat dengan cepat menyelesaikan transaksi penjualan.

Di artikel ini saya akan mengulas satu plugin keren untuk filter produk WooCommerce yang benar-benar bekerja dan bagus untuk toko online WooCommerce Anda. Plugin tersebut adalah WooCommerce Product Filter Woobewoo.

WooCommerce Product Filter

Apa Itu WooCommerce Product Filter by WooBeWoo?

WooCommerce Product Filter by WooBeWoo adalah Plugin yang memungkinkan pelanggan untuk menyaring atau memfilter produk / barang Anda berdasarkan harga, kategori, tag, taksonomi, atribut dan masih banyak varian lainnya. Setiap kriteria filter dapat disesuaikan, memberikan Anda kontrol maksimum yang memudahkan pengguna dalam menemukan produk dengan cepat dan tepat.

Produk filter woocommerce

Ini memungkinkan pengembang memperluas fungsionalitas di luar apa yang dapat mereka lakukan dengan menggunakan opsi filter lanjutan plugin. Plugin ini menambahkan beberapa opsi pemfilteran produk canggih ke toko online Anda. Beberapa fitur-fiturnya termasuk pencarian Ajax, beberapa opsi tampilan filter, shortcode produk, dan widget. Dan yang menarik, plugin ini 100% kompatibel dengan pembangun halaman Elementor.

Plugin WooCommerce Product Filter by WooBeWoo ini adalah gratis yang bisa Anda download di library plugin WordPress.org. Anda juga dapat meningkatkan plugin ini ke Versi premium dengan menawarkan beberapa fitur tambahan yang tidak dimiliki versi gratis. Opsi ini mencakup kemampuan untuk Ikon Loader yang dapat disesuaikan, Skin filter harga, Teks, Tombol, Warna, Toggle Switch, Daftar kotak centang (pilih banyak), Tampilkan gambar kategori, Peringkat Bintang garis tunggal dan multiline, Tombol Sembunyikan / Tampilkan Filter, Filter pencarian teks, Gaya khusus untuk blok dan judul.

Fitur Utama WooCommerce Product Filter

Fitur WooCommerce Product Filter

Filter dengan kriteria apa pun

Pelanggan dapat memfilter produk berdasarkan kriteria apa pun – baik itu berdasarkan Harga, Kisaran harga, Kategori, Tag, Author, Unggulan, Dijual, Stok, Peringkat, Cari menurut teks tertentu **, Filter atribut.

Variasi tampilan Filter

Tampilkan filter dengan cara yang mudah: daftar drop-down (single select) radiobutton (single select), daftar kotak centang (Multi Select) ** dan ikon ** untuk filter atribut (warna, ukuran, peringkat).

AJAX Live Search

Buat filter menjadi lebih nyaman dengan mengaktifkan pencarian AJAX atau biarkan proses dimulai segera setelah pengguna memilih semua opsi dan menekan tombol filter.

Kompatibel Elementor

WooCommerce Product Filter ini sepenuhnya kompatibel dengan Elementor Page Builder. Dengan opsi ini, Anda dapat membuat filter produk langsung di Elementor. Semua fungsi Product Filter by WooBeWoo akan tersedia langsung di tab Elementor.

Pratinjau langsung

Plugin ini mendukung fitur Live Preview, dimana setiap perubahan yang Anda lakukan di pengaturan hasilnya akan muncul di panel tepat pada saat Anda melakukan perubahan pada pengaturan.

Berbagai pilihan untuk menyortir produk

Plugin pencarian produk untuk WooCommerce memungkinkan pengurutan produk Anda berdasarkan popularitas, peringkat, harga, update, dari urutan berdasarkan alfabet.

Buat filter produk baru dengan beberapa klik

Menggunakan plugin ini semuanya serba mudah, dimana Anda dapat menyesuaikan dan mengatur. Cukup tambahkan filter ke setiap halaman menggunakan widget atau shortcode.

Desain filter harga

Terapat berbagai macam desain yang bisa Anda gunakan, Anda memiliki banyak variasi skin seperti : standar, datar, besar, modern, tajam, bulat, persegi. Dan juga terdapat pengaturan khusus untuk desainnya: warna, posisi simbol, kode mata uang atau simbol, bidang input.

Pengaturan kisaran harga otomatis dengan nilai langkah tetap

Sesuaikan secara manual dan tentukan nilai persis setiap langkah juga.

Tampilkan Hitung dan Hitung Ulang produk dengan filter yang dipilih

Hitung ulang produk dengan filter yang dipilih dan tampilkan jumlah produk yang sesuai dengan hasil filter.

Sepenuhnya responsif

Toko online Anda tentu banyak yang mengakses melalui smartphone, dan plugin Filter ini sudah mendukung responsif dimana semua akan terlihat dan berfungsi dengan baik pada perangkat yang berbeda – terutama ponsel dan tablet serta desktop dan laptop.

Cara Menambahkan Filter Produk di WooCommerce

Berikut cara mudah menambahkan fitur Filter produk di WooCommerce dengan plugin WooCommerce Product Filter by Woobewoo. Anda bisa mendownload langsung plugin ini melalui admin Anda untuk versi gratis atau membeli versi premium seharga $49 untuk satu situs di situs Woobewoo.

Setelah Anda menginstal plugin WooCommerce Product Filter dan memilih pengaturan default, saatnya untuk mulai membuat filter produk.

Ini adalah cara mudah untuk membuat proses pencarian produk lebih cepat dan proses pembelian benar-benar sederhana dan menyenangkan bagi pengguna situs Anda tanpa pengetahuan pengkodean khusus.

Tutorial ini akan membantu Anda memulai dengan Plugin dan membuat filter produk pertama Anda.

Pengaturan filter produk

Tambahkan Filter Baru

Setelah klik tombol “Add New Filter”, sebuah jendela akan muncul untuk memasukkan nama filter baru Anda.

Setelah memasukkan nama, klik “Save”, dan mulai buat filter Anda.

Buat Filter Produk

Dengan Filter Produk WooCommerce Anda dapat memfilter menurut harga, kategori, tag dan atribut, mengaktifkan atau menonaktifkan pencarian ajax, menggunakan opsi penyortiran yang luas dan menyesuaikan kisaran harga dengan tepat.

Buat filter berdasarkan kebutuhan pribadi Anda. Anda dapat menambahkan sejumlah filter, dan mengkonfigurasi sesuai dengan keinginan Anda.

Untuk menambahkan filter, cukup centang kotak “Enable” di masing-masing kotak pilihan filter. Dan Anda dapat melihat semua perubahan di live preview.

Opsi Filter

Dengan plugin ini, pelanggan Anda dapat memfilter produk Anda dengan kriteria apa pun. Anda juga dapat menyesuaikan setiap filter dengan preferensi Anda.

Untuk mengonfigurasi opsi filter, klik “Show Options” dan pilih opsi yang Anda butuhkan:

Untuk lebih jelas, silahkan lihat dokumentasi terperinci setiap opsi pengaturan untuk setiap filter:

  • Price
  • Price range
  • Sort by
  • Categories
  • Tags
  • Author
  • Featured
  • On sale
  • In Stock
  • In Stock, Out of Stock, On Backorder
  • Rating
  • Search by text
  • Attribute

Drag and Drop Filter

Tingkatkan versi toko Anda menggunakan fungsionalitas Filter Produk WooCommerce. Anda dapat mengurutkan filter dan mengaturnya dalam urutan apa pun.

Atur filter dengan menyeret dan menjatuhkan online builder.

Masih banyak lagi konfigurasi yang bisa Anda lakukan pada plugin ini seperti mengubah desain dari filter dibagian menu “Design” dan pengaturan lebih lanjut di “Advanced” yang sepenuhnya bisa Anda pelajari di halaman dokumentasi.

pengaturan filter produk 2

Menambahkan filter ke konten situs

Ada dua cara untuk menambahkan fitur filter ke konten situs Anda. Pilihan pertama menggunakan shortcode yang bisa Anda letakkan untuk menampilkan kode di halaman atau postingan, atau pada posisi tertentu di sembarang tempat pada kode PHP.

Sedangkan pilihan kedua yaitu menggunakan tampilan widget pada area widget yang tersedia di situs web Anda.

Shortcode

Kode shortcode bisa Anda temukan di bawah tab utama dan tempelkan ke konten situs web. Plugin Product Filter akan menampilkan filter pada posting / halaman yang sesuai menggunakan pengaturan yang di atur dalam filter ini.

Filter kode PHP dapat dimasukkan di sembarang tempat kode halaman – untuk menampilkan secara tepat di tempat ini, misalnya di header atau footer halaman.

Widget

Jika Anda menggunakan Filter Produk di sidebar samping toko online Anda, Widget Filter Produk juga dapat disertakan.

Untuk menampilkan Filter Produk pada sidebar, masuk ke menu Appearance → Widget. Cari Widget yang bernama “Woo Product Filter” dan drag and drop pada area widget sidebar.

screenshot 1 min

Kesimpulan

Dan itulah penjelasan lengkap untuk ulasan plugin WooCommerce Product Filter yang bisa saya bagikan pada Anda semua. Plugin ini benar-benar penting untuk Anda pasang di toko online WooCommerce Anda untuk menambahkan fitur memudahkan pencarian produk bagi pengguna situs Anda. Plugin sangat mudah digunakan dan bisa Anda dapatkan dengan harga terjangkau hanya $49 saja. Semoga artikel ini bermanfaat dan selamat mencoba. 🙂

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Niagahoster

Rp.26.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

IDCloudhost

Rp.30.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

Add a Comment

Your email address will not be published. Required fields are marked *

Must Read...!
Master Addons – Ekstensi dan Addons Terbaik untuk Elementor

Master Addons - Addons dan Ekstensi Terbaik untuk Elementor - Elementor adalah plugin Page...

5 VPN Gratis Terbaik untuk Streaming Netflix

Menemukan VPN gratis yang tidak akan mencuri data Anda dan yang menyediakan layanan yang...

Close