Filter Produk WooCommerce berdasarkan Atribut, Kategori, Harga, dan Banyak Lagi

Diterbitkan: 2022-09-01

Semua pemilik situs WooCoommerce ingin meningkatkan penjualan mereka. Tetapi untuk itu, kami harus memberikan lingkungan yang fleksibel kepada pembeli saat mereka mengunjungi situs kami. Namun salah satu kesulitan yang paling umum adalah kami tidak dapat menampilkan produk yang dicari pembeli. Masalah ini sebagian besar terjadi ketika kami memiliki banyak produk dari beberapa kategori. Jadi apa yang harus dilakukan?

Membatasi kategori produk atau jumlah produk di toko WooCommerce kami sepertinya bisa menjadi solusinya. Tapi sebenarnya tidak. Karena kami harus terus meningkatkan jumlah produk untuk meningkatkan penjualan kami. Ada solusi lain yang lebih cerdas yang digunakan semua situs eCommerce raksasa. Filter Produk WooCommerce adalah solusi terbaik untuk masalah seperti ini.

Jika Anda berpikir demikian, WooCommerce sudah memiliki opsi penyortiran produk secara default. Tapi itu tidak cukup untuk toko online yang memiliki banyak produk dari berbagai kategori. Kita harus membiarkan pembeli memfilter produk berdasarkan atribut, kategori, atau bahkan kisaran harga yang mereka inginkan.

Sekarang pertanyaannya adalah, bagaimana cara menambahkan filter produk ke toko WooCommerce? Nah, itulah yang akan kita jelajahi dalam posting blog ini. Tetapi sebelum masuk, kita harus jelas tentang apa filter produk kita dan mengapa kita harus menambahkan fitur pemfilteran produk ke toko WooCommerce kita. Namun, jika Anda terbiasa dengan ini, Anda dapat melompat ke bagian tutorial dari posting blog ini.

Isi sembunyikan

1 Apa itu Filter Produk WooCommerce?

2 Mengapa Kami Harus Menambahkan Filter Produk ke Toko WooCoommerce?

3 Memperkenalkan Blok Filter Produk WooCommerce dari ProductX

4 Cara Menambahkan Filter Produk WooCommerce ke Halaman Toko menggunakan ProductX

4.1 Aktifkan Addon Pembuat

4.2 Buat Template Halaman Toko Baru

4.3 Tambahkan Filter Produk WooCommerce ke Halaman Toko

5 Opsi Kustomisasi Filter Produk WooCommerce

6 Kesimpulan

Apa itu Filter Produk WooCommerce?

Filter Produk WooCommerce mengacu pada membiarkan pembeli menemukan produk yang mereka inginkan berdasarkan beberapa kriteria yang mencakup atribut produk, kategori, harga, peringkat, warna, ukuran, dll. Ini membantu pembeli menemukan produk yang mereka inginkan dengan mudah.

Misalnya, seseorang ingin membeli kaos merah ukuran sedang dengan anggaran $5 hingga $10. Untuk itu, ia dapat menggunakan kategori pakaian atau subkategori kaos, memilih media dari opsi pemilihan ukuran, dan menetapkan kisaran harga yang diinginkan. Jadi, pembeli dapat dengan mudah mendapatkan produk jika tersedia di toko.

Mengapa Kami Harus Menambahkan Filter Produk ke Toko WooCommerce?

Menambahkan Pemfilteran Produk harus memiliki fitur untuk setiap toko eCommerce apakah itu dibangun dengan WooCommerce atau tidak. Ada banyak alasan di balik pernyataan ini. Namun alasan utamanya adalah dengan adanya fitur filter ini baik pemilik toko maupun pembeli dapat diuntungkan secara bersamaan. Bagaimana?

Mari kita pikirkan apa yang kita lakukan saat berbelanja offline. Sebagian besar waktu kami membagikan persyaratan kami kepada pemilik toko/penjual. Dan kemudian dia menunjukkan produk atau memandu kami ke area dari mana kami dapat produk berdasarkan kebutuhan kami. Kami menawarkan pengalaman yang sama kepada pembeli dengan fitur penyaringan produk. Hasilnya, pembeli akan puas dengan fleksibilitas dan sebagai pemilik toko online, kami dapat meningkatkan penjualan kami karena sebagian besar dari mereka akan menjadi pelanggan kembali.

Memperkenalkan Blok Filter Produk WooCommerce dari ProductX

Seolah-olah Anda telah sampai sejauh ini saat membaca posting blog ini, itu berarti Anda benar-benar ingin membiarkan pembeli memfilter produk toko WooCommerce Anda. Ada dua cara untuk melakukannya, Anda dapat menyewa pengembang atau menggunakan plugin pemfilteran Produk.

Saya kira Anda bersedia menggunakan plugin karena Anda sudah berada di ekosistem WordPress dan WooCommerce. Kami memiliki plugin yang sempurna untuk Anda yang tidak hanya dapat membantu Anda menambahkan fitur pemfilteran produk tetapi juga memperluas kemampuan WooCommerce dengan banyak fitur dan berbagai add-on.

ProductX adalah solusi lengkap untuk toko WooCommerce yang dibuat dengan baik untuk memastikan semua fitur penting dalam satu plugin. Sehingga, Anda tidak menggunakan banyak plugin. Namun, mari kita tetap pada topik utama dan Anda dapat mempelajari lebih lanjut tentang penawaran ProductX dengan mengklik di sini.

Jadi, jika Anda ingin menambahkan Filter Produk WooCommerce menggunakan Produk, Anda harus menggunakan plugin ini sebagai solusi lengkap. Misalnya, Anda ingin menambahkan fitur pemfilteran ke halaman toko. Untuk itu, Anda harus membuat halaman custom shop dengan fitur product filter. Sehingga, Anda dapat sepenuhnya mengubah halaman toko WooCommerce default dengan yang berfokus pada konversi. Sekarang mari kita lihat apa yang dapat kita lakukan dengan memfilter blok ProductX.

Filter Produk WooCommerce Berdasarkan Atribut
Filter Produk WooCommerce Berdasarkan Harga
Filter Produk WooCommerce Berdasarkan Kategori
Filter Produk WooCommerce Oleh
Pencarian Produk Ajax

Cara Menambahkan Filter Produk WooCommerce ke Halaman Toko menggunakan ProductX

Sekarang, mari kita lihat bagaimana kita dapat menambahkan opsi pemfilteran produk ke halaman toko khusus. Untuk itu Anda bisa mengikuti langkah-langkah di bawah ini:

Nyalakan Addon Pembuat

Pertama-tama, pastikan Anda telah menginstal dan mengaktifkan plugin ProductX dengan benar di situs Anda. Saat kita akan membuat halaman toko khusus, kita harus mengaktifkan addon pembuat WooCommere. Berikut caranya:

Turn on WooCommerce Builder Addon — Aktifkan Addon Pembuat WooCommerce

Arahkan ke bagian ProductX
Sekarang, klik pada bagian Addons
Aktifkan Builder dari opsi yang tersedia

Buat Template Halaman Toko Baru

Sekarang, kita harus mulai membuat template baru untuk halaman toko tempat kita akan menampilkan produk dengan semua opsi pemfilteran. Untuk itu:

Create a new WooCommerce shop page template — Buat Template Halaman Toko Baru

Klik pada Opsi Pembuat ProductX
Klik tombol "Tambah Baru"
Beri nama templatenya
Pilih Toko sebagai jenis template
Klik tombol simpan dan mulailah menyesuaikan

Jika Anda ingin mempelajari lebih lanjut tentang membuat dan menyesuaikan halaman toko WooCommerce, periksa blog dengan mengklik di sini.

Tambahkan Filter Produk WooCommerce ke Halaman Toko

Sekarang, saatnya menambahkan blok filter produk WooCommerce ke halaman toko. Pertama-tama, putuskan di mana Anda ingin menambahkan opsi pemfilteran di sisi kiri atau di sisi kanan. Dan, blok produk mana yang ingin Anda tambahkan? ProductX beberapa kisi produk dan blok daftar produk.

Misalnya, saya ingin menambahkan blok kisi produk dengan opsi pemfilteran di sisi kiri. Untuk itu, saya harus menambahkan blok kolom dengan rasio 30/70.

Kemudian saya menambahkan blok filter produk di sisi kiri dan blok kisi produk #1 di sisi kanan blok kolom.

Adding Product Filter and Product Grid Blocks — Menambahkan Filter Produk dan Blok Kisi Produk

Setelah menambahkan blok, kita juga perlu menghubungkan opsi pemfilteran ke blok produk dengan mengklik opsi pilih dropdown seperti yang Anda lihat pada gambar di bawah.

Connecting Filter Blocks with Product Grid Blocks — Menghubungkan Blok Filter dengan Blok Kisi Produk

Itu saja, opsi pemfilteran akan tersedia untuk blok produk tertentu. Tetapi teruslah membaca posting blog dan periksa opsi penyesuaian yang tersedia dari Filter Produk. Dan, jika Anda ingin menjelajahi opsi penyesuaian halaman toko, kunjungi blog dengan mengklik di sini.

Opsi Kustomisasi Filter Produk WooCommerce

Meskipun tidak wajib untuk menyesuaikan blok filter Produk karena diurutkan dengan cukup baik. Namun, kami percaya bahwa orang yang berbeda memiliki pilihan yang berbeda. Jadi tidak apa-apa jika Anda tidak menyukai presentasi default. Berikut adalah opsi yang tersedia jika Anda ingin melakukan perubahan:

Menambah atau Menghapus Opsi Pemfilteran: Dari opsi pemilihan daftar filter, Anda dapat menambah atau menghapus opsi pemfilteran. Sehingga, Anda dapat mengontrol opsi mana yang akan ditampilkan dan mana yang tidak.

Adding or Removing Filtering Options — Menambah atau Menghapus Opsi Penyaringan

Memfilter Teks Label: Dari bagian ini, Anda dapat mengubah teks label mana pun dari opsi pemfilteran dengan teks apa pun yang Anda inginkan.

Gaya Pencarian: Fitur pencarian ajax dari ProductX hadir dengan banyak opsi penyesuaian. Anda dapat mengubah warna, dan warna latar belakang, serta menyesuaikan radius batas dan padding.

Ajax Search Filter Customization Options — Opsi Kustomisasi Filter Pencarian Ajax

Kesimpulan

Itu saja tentang filter produk WooCommerce. Sekarang Anda dapat mulai membuat halaman toko kustom Anda dengan opsi pemfilteran agar pembeli Anda dapat menemukan produk mereka dengan mudah. Jika Anda menghadapi kesulitan atau memiliki pertanyaan, jangan ragu untuk berkomentar di bawah. Kami berharap untuk mendengar dari Anda.

Tags: Filter Produk AjaxFilter ProdukProdukXWooCommerce Filter Produk