Apa Itu & Bagaimana Cara Menggunakannya

Menjalankan toko online bisa jadi menantang. Anda harus mengatur produk Anda sehingga pelanggan dapat menemukan barang yang mereka cari. Untungnya, blok filter produk WooCommerce dapat mengelompokkan dan menampilkan item yang ditentukan pengguna dalam hitungan detik.

Dengan blok filter produk, Anda dapat mengatur item toko WooCommerce Anda sesuai dengan karakteristiknya. Ini mungkin termasuk harga, kategori, atribut, atau tag mereka. Kemudian, Anda hanya perlu memasukkan blok ke dalam posting atau halaman, dan pelanggan Anda dapat menemukan hasil yang difilter.

Dalam panduan ini, kami akan memperkenalkan semua blok filter produk WooCommerce yang berbeda dan mendiskusikan mengapa Anda mungkin mempertimbangkan untuk menggunakannya. Kemudian, kami akan menjelaskan cara menyisipkan dan mengonfigurasi elemen-elemen ini di toko online Anda. Mari kita mulai!

Daftar Isi:

Pengantar blok filter produk WooCommerce

WooCommerce memiliki koleksi blok WooCommerce yang dirancang untuk memungkinkan pengguna mencari produk tertentu di toko online Anda. Elemen interaktif ini memungkinkan konsumen untuk menyaring hasil mereka dan menemukan item yang paling sesuai dengan kebutuhan mereka.

Berikut adalah ikhtisar singkat tentang blok filter produk WooCommerce gratis:

• Filter Produk menurut Harga: Blok ini memungkinkan pelanggan memilih kisaran harga menggunakan penggeser dan hanya menampilkan item yang sesuai dengan kisaran itu.
• Filter Produk menurut Atribut: Ini memungkinkan pelanggan mencari item menurut atribut mereka, termasuk ukuran, warna, dan gaya.
• Filter Produk Aktif: Ini membantu pelanggan melihat filter mana yang telah mereka terapkan pada pencarian mereka sehingga mereka dapat menyesuaikannya.
• Filter Produk berdasarkan Stok: Blok ini hanya menampilkan item dalam stok, stok habis, atau pesanan awal.

Anda dapat menggunakan blok ini pada posting, halaman, dan area widget. Saat berinteraksi dengan blok, pelanggan akan dapat memilih dari parameter yang telah ditentukan untuk melihat hasil yang difilter.

Jika Anda menginginkan lebih banyak fleksibilitas untuk menyiapkan filter produk, Anda juga dapat menginstal plugin filter produk WooCommerce khusus. Kami akan membagikan beberapa opsi kualitas nanti di artikel ini.

Mengapa Anda mungkin mempertimbangkan untuk menggunakan blok filter produk WooCommerce

Blok filter produk WooCommerce dapat secara signifikan meningkatkan pengalaman pengguna (UX) toko online Anda. Jika Anda memiliki katalog produk yang luas, pelanggan mungkin menghabiskan waktu berjam-jam menelusuri item Anda sambil mencari yang sesuai dengan kebutuhan mereka. Namun, mereka mungkin akan merasa frustrasi dan mengklik untuk berbelanja di tempat lain.

Bergantung pada barang yang Anda jual, filter produk memungkinkan pelanggan menelusuri toko Anda untuk mencari warna, ukuran, bahan, dan merek yang sesuai dengan kebutuhan mereka. Selain itu, hasil akan diperbarui pada halaman yang sama. Oleh karena itu, konsumen tidak perlu membuka halaman kategori dan mengganggu pengalaman berbelanja mereka.

Cara menggunakan blok filter produk WooCommerce

Di bagian pertama ini, kami akan menunjukkan cara menggunakan blok filter produk default yang otomatis disertakan WooCommerce. Sekali lagi, untuk fleksibilitas lebih, Anda dapat mempertimbangkan salah satu plugin filter produk WooCommerce di bagian selanjutnya.

Sebagian besar blok filter produk WooCommerce bekerja dengan cara yang sama. Anda cukup memasukkan blok dan kemudian menentukan karakteristik produk mana yang ditampilkan.

Anda dapat menemukan semua blok ini di WordPress dengan mengklik tombol + untuk memasukkan blok baru dan mencari “Filter WooCommerce:”

Ingatlah bahwa Anda harus terlebih dahulu menambahkan atribut, tag, kategori, dan karakteristik lain ke produk WooCommerce Anda. Jika tidak, Anda tidak akan memiliki data apa pun untuk digunakan di blok Anda.

Sekarang, mari kita lihat cara menggunakan blok filter produk WooCommerce. Kami akan menggunakan elemen Filter Products by Attribute sebagai contoh.

Langkah 1: Tambahkan atribut ke produk WooCommerce Anda

️ Catatan – untuk filter lain (seperti harga atau stok), Anda tidak perlu menyiapkan atribut apa pun.

Jika Anda belum melakukannya, Anda ingin menambahkan kategori, tag, dan atribut ke produk WooCommerce Anda. Taksonomi ini memudahkan pelanggan menemukan barang yang diinginkan. Selain itu, blok filter produk WooCommerce tidak akan berfungsi tanpa klasifikasi ini.

Mulailah dengan menavigasi ke Produk > Atribut di dasbor WordPress Anda. Di sini, Anda dapat membuat klasifikasi baru untuk produk Anda. Seperti yang Anda lihat, kami sudah memiliki Warna dan Ukuran di toko online kami:

Anda harus memasukkan nama dan slug untuk atribut baru Anda. Kemudian, klik Add atribut untuk menyimpan klasifikasi. Perhatikan bahwa Anda dapat mengikuti proses yang sama untuk kategori produk (dan subkategori) dan tag.

Kemudian, buka produk Anda untuk menambahkan taksonominya. Anda dapat melakukannya dengan menavigasi ke Produk > Semua Produk dan mengklik item.

Sekarang, gulir ke bawah ke bagian Data produk dan buka menu Atribut :

Anda dapat menambahkan atribut ke produk Anda dengan memilihnya dari menu tarik-turun dan mengklik Tambah . Kemudian, pilih panah tarik-turun di samping atribut untuk memasukkan informasi khusus Anda.

Misalnya, dalam contoh kami, kami telah menambahkan Merah sebagai atribut Warna ke produk kami:

Setelah Anda menambahkan semua variabel, klik Simpan atribut . Sekarang pelanggan akan dapat menemukan item dengan karakteristik ini melalui blok filter produk WooCommerce Anda.

Langkah 2: Masukkan blok filter produk Anda

Selanjutnya, Anda harus membuka halaman atau postingan tempat Anda ingin menggunakan blok filter produk. Anda juga dapat mempertimbangkan untuk menggunakan elemen di bilah sisi di halaman toko Anda sehingga pelanggan dapat memfilter hasil mereka saat mereka menjelajah.

Pertama, Anda harus menambahkan blok Semua Produk ke halaman Anda. Jika tidak, WooCommerce tidak akan dapat memfilter dan menampilkan item tertentu.

Anda dapat melakukan ini dengan mengklik tombol + dan mencari "semua produk." Pilih blok dan tambahkan ke halaman Anda:

Selanjutnya, cari “Atribut filter WooCommerce:”

Klik pada blok dan itu akan dimasukkan ke halaman Anda. Sekarang Anda dapat mencari atribut produk atau memilih salah satu dari daftar dropdown Anda. Kami akan menggunakan Warna dalam contoh kami:

Blok Anda sekarang akan diubah untuk menampilkan judul baru dan daftar atribut produk yang Anda pilih (seperti warna item yang berbeda):

Anda dapat meninggalkan blok apa adanya jika Anda menyukai tampilannya. Atau, pada langkah berikutnya, kita akan membahas cara menyesuaikan tampilan elemen ini.

Langkah 3: Konfigurasikan pengaturan blok

Selanjutnya, Anda dapat menyesuaikan tampilan blok filter produk WooCommerce Anda. Cukup klik pada blok Filter Products by Attribute dan kemudian pilih ikon roda gigi di sebelah kanan:

Di sini, Anda dapat memilih apakah akan menampilkan jumlah Produk Anda . Pengaturan ini dapat berguna jika Anda memiliki katalog barang yang banyak dan ingin memberikan pilihan yang luas kepada pelanggan Anda.

Anda juga dapat memilih Heading Level untuk atribut produk Anda. Nilai defaultnya adalah H3 , tetapi Anda dapat memilih dari H2 hingga H6 agar sesuai dengan kebutuhan gaya toko Anda.

Jika Anda menggulir ke bawah, Anda akan melihat beberapa konfigurasi tambahan di bawah Pengaturan Blok :

Di sini Anda dapat memilih Jenis Kueri Anda. Jika Anda memilih Dan , WooCommerce hanya akan menampilkan produk yang berisi semua atribut yang ditentukan pelanggan. Sementara itu, opsi Or akan menampilkan semua item yang memiliki setidaknya satu atribut.

Di bawah Jenis Tampilan , Anda dapat memilih untuk menampilkan atribut Anda dalam format daftar atau tarik-turun. Kedua opsi ini relatif ramah pengguna.

Terakhir, Anda dapat memilih untuk mengaktifkan tombol Filter . Jika Anda mengaktifkannya, pelanggan perlu mengklik Buka untuk memfilter hasil pencarian mereka. Namun, jika Anda membiarkannya, cukup memilih salah satu atribut akan memperbarui produk yang ditampilkan.

Itu dia! Blok filter produk WooCommerce Anda sekarang siap beraksi:

Cukup simpan dan publikasikan perubahan Anda. Pelanggan sekarang dapat memfilter pencarian produk mereka dengan atribut tertentu.

Ikhtisar plugin filter produk WooCommerce

Terlepas dari blok WooCommerce gratis, Anda juga dapat mengakses plugin pihak ketiga untuk menambahkan lebih banyak fleksibilitas untuk menyiapkan filter Anda. Misalnya, plugin Pencarian Produk WooCommerce berisi opsi filter berikut:

• Produk: Menampilkan koleksi produk yang difilter. Blok ini dapat mereplikasi halaman toko Anda dan merender item yang dikontrol oleh blok filter produk lain di halaman yang sama.
• Pencarian: Membuat fungsi pencarian yang difilter untuk toko WooCommerce Anda.
• Kategori: Menampilkan produk yang sesuai dengan kategori tertentu, seperti jenis pakaian atau jenis kelamin.
• Atribut: Menampilkan produk dengan atribut tertentu, seperti warna, merek, ukuran, bentuk, merek, atau fitur tertentu.
• Tag: Menampilkan produk yang sesuai dengan tag produk, termasuk “unggulan”, “logo”, atau “tren”.
• Harga: Menampilkan produk dalam parameter harga yang ditentukan.
• Rating: Menyajikan produk sesuai dengan rating rata-ratanya.
• Sale: Hanya menampilkan produk yang sedang dijual.
• Stok: Menampilkan hanya produk yang tersedia.
• Reset: Memungkinkan pelanggan untuk mengatur ulang parameter filter produk. Kemudian, mereka dapat melihat semua item Anda yang tersedia atau memasukkan pengaturan baru untuk menyesuaikan pencarian mereka.

Atau, Anda dapat mempertimbangkan untuk menggunakan Filter Produk WOOF untuk plugin WooCommerce:

Dengan plugin ini, pelanggan dapat memfilter item sesuai dengan kategori, atribut, tag, taksonomi khusus, dan harganya. Plus, hasil yang ditampilkan biasanya lebih menarik dan dapat disesuaikan daripada blok WooCommerce default.

Filter Produk WooCommerce oleh WooBeWoo adalah opsi freemium luar biasa lainnya:

Anda dapat menggunakannya sendiri atau dengan Elementor untuk mendesain filter produk dan kondisi tata letak Anda sendiri. Plugin premium menyertakan fitur tambahan, seperti ikon kategori, gaya khusus, dan tombol sembunyikan/tampilkan filter.

Mulailah dengan filter produk WooCommerce hari ini

Untungnya, menggunakan blok filter produk WooCommerce juga sangat mudah. Anda hanya perlu menambahkan taksonomi, seperti kategori, atribut, atau tag, ke produk Anda. Kemudian, Anda dapat menggunakan blok WooCommerce yang sesuai di samping blok Semua Produk di halaman toko Anda.

Untuk lebih banyak fleksibilitas, Anda juga dapat menginstal plugin filter produk WooCommerce khusus.

Jika Anda ingin menemukan lebih banyak cara untuk membuat toko WooCommerce yang lebih baik, Anda juga dapat melihat koleksi plugin WooCommerce kami yang harus dimiliki.

Apakah Anda memiliki pertanyaan tentang penggunaan blok filter produk WooCommerce? Beri tahu kami di bagian komentar di bawah!