Cara menambahkan faset dan filter di WooCommerce – panduan langkah demi langkah
Diterbitkan: 2022-08-24Pasar eCommerce besar menampung jutaan produk digital dan fisik. Amazon sendiri memiliki setidaknya 362 juta produk. Pernahkah Anda bertanya-tanya bagaimana pembeli online berhasil menemukan produk yang tepat yang mereka butuhkan di tengah begitu banyak pilihan?
Salah satu fitur utama yang memungkinkan hal ini adalah pencarian segi.
Sebagai pemilik situs web WooCommerce, salah satu cara paling efektif untuk meningkatkan pengalaman pelanggan toko Anda adalah dengan menambahkan aspek dan filter.
Filter WooCommerce membantu pelanggan mempersempit pencarian dengan memilih atribut untuk mempersempit pilihan mereka.
Pencarian faceted membantu pelanggan Anda untuk menavigasi situs Anda lebih cepat dan menemukan produk yang tepat yang mereka butuhkan.
Di sebagian besar situs eCommerce, pencarian produk dimulai dengan mengetikkan kata kunci di bilah pencarian. Jika Anda memiliki toko besar dengan banyak produk, pengunjung mungkin harus menggulir beberapa halaman hasil untuk menemukan apa yang mereka cari.
Ini dapat berdampak negatif pada pengalaman pelanggan.
Anda dapat menghindari ini dengan menambahkan faset dan filter WooCommerce lanjutan ke toko Anda. Melakukan hal ini secara signifikan akan meningkatkan pengalaman pencarian situs eCommerce Anda.

Pada artikel ini, kami akan menunjukkan kepada Anda perbedaan antara filter dan faset WooCommerce. Kemudian kami akan mendemonstrasikan cara menambahkan fitur ke situs Anda.
- Apa itu filter dan aspek di WooCommerce?
- Apa yang harus dicari di plugin pencarian segi WooCommerce
- Kemudahan penggunaan
- Kemampuan untuk menerapkan beberapa filter secara bersamaan
- Memfilter menggunakan data produk apa pun
- Performa dan keramahan pengembang
- Kompatibilitas dengan plugin lain
- Apa plugin filter faceted WordPress terbaik?
- Fitur utama Filter Produk WooCommerce
- Cara menambahkan pencarian dan filter segi ke toko WooCommerce
- Langkah 1: Instal dan aktifkan Filter Produk WooCommerce
- Langkah 2: Konfigurasikan pengaturan filter produk
- Langkah 2: Buat filter pertama Anda
- Langkah 4: Tambahkan filter ke halaman mana pun
- Tambahkan pencarian segi WooCommerce ke toko Anda hari ini
Apa itu filter dan aspek di WooCommerce?
Filter dan faset adalah dua fitur penting yang akan Anda temukan di situs eCommerce yang sukses. Anda dapat menggunakan kedua elemen pengalaman pengguna (UX) untuk meningkatkan pencarian produk dan navigasi situs di toko WooCommerce Anda.
Tetapi mereka bekerja sedikit berbeda.
Filter WooCommerce adalah atribut produk yang dapat digunakan pengunjung untuk mempersempit item yang ditampilkan di halaman toko atau di hasil pencarian.
Misalnya, setelah mencari nama merek tertentu, pelanggan dapat memutuskan untuk memfilter hasil berdasarkan warna, ukuran, atau kategori produk.
Filter WooCommerce yang ditampilkan di halaman hasil pencarian atau halaman toko mana pun selalu sama dan tidak berubah berdasarkan daftar produk di halaman tersebut.
Misalnya, halaman hasil pencarian mungkin tidak berisi produk 'Ukuran L' tetapi filter ini akan tetap tersedia. Jadi, jika pengguna memilih filter 'Ukuran L', itu tidak akan memberikan hasil apa pun.
Facet adalah filter tingkat lanjut. Mereka lebih spesifik dan selalu relevan dengan halaman tertentu dan hasil kueri.
Aspek WooCommerce selalu berubah dan ditampilkan berdasarkan permintaan pengguna dan selalu mengembalikan hasil pencarian yang relevan.
Ini memiliki manfaat kegunaan yang jelas untuk toko online.
Anda dapat menambahkan jenis pencarian produk lanjutan ini ke toko Anda menggunakan plugin pencarian segi WooCommerce.
Jenis plugin ini akan membantu Anda menambahkan aspek dan filter ke halaman kategori, halaman toko, dan halaman lain seperti basis pengetahuan Anda. Anda juga dapat menyesuaikan aspek ini secara ekstensif agar sesuai dengan kebutuhan unik Anda.
Di dunia nyata, hasilnya terlihat seperti ini:
Seperti yang dapat kita lihat di situs Next, filter yang tersedia pada setiap halaman kategori berubah tergantung pada produk yang tercantum pada halaman tersebut.
Menerapkan aspek dengan cara ini membantu pengunjung situs Anda menggali produk Anda lebih cepat.
Apa yang harus dicari di plugin pencarian segi WooCommerce
Jika Anda memutuskan untuk mencoba plugin pencarian segi WooCommerce, Anda harus memilih dari cukup banyak opsi. Sama seperti hampir setiap kategori plugin WordPress lainnya, ada banyak plugin pencarian di luar sana.
Tapi apa yang membuat plugin pencarian segi WooCommerce yang hebat?
Kemudahan penggunaan
Pengalaman pengguna toko Anda memiliki dampak besar pada kemampuannya untuk mengonversi dan memenuhi harapan konsumen. Inilah mengapa penting untuk memastikan bahwa plugin pencarian faceted Anda memudahkan pengunjung Anda untuk menemukan apa yang mereka inginkan.
Pertimbangan pertama di sini adalah relevansi filter yang tersedia di setiap halaman.
Plugin harus dapat mengelompokkan dan menampilkan filter dengan logika yang sesuai dengan perilaku pencarian pelanggan rata-rata.
Filter dapat dengan mudah dikelompokkan berdasarkan kategori produk, atribut, dan bahkan taksonomi khusus.
Anda juga ingin memperhatikan desain UI/UX.
Misalnya, filter dan faset harus ditempatkan di sudut halaman yang sesuai (biasanya di bagian atas atau di widget bilah sisi).

Jumlah gaya tampilan filter juga penting. Opsi populer termasuk dropdown, kotak centang, tombol radio, dan penggeser rentang.
Semakin banyak alternatif yang Anda miliki, semakin baik!
Plugin pencarian segi WooCommerce yang bagus juga harus mudah digunakan di back-end. Bahkan pemula WordPress harus dapat mengatur filter dan mengonfigurasi pengaturan penting lainnya dalam beberapa menit.
Kemampuan untuk menerapkan beberapa filter secara bersamaan
Ini adalah fitur penting yang dapat membuat atau menghancurkan pengalaman pencarian. Pastikan plugin yang Anda pilih memungkinkan Anda menerapkan beberapa nilai filter.
Ini berlaku untuk kedua filter dalam grup filter yang sama dan filter dalam grup yang berbeda. Mampu melakukan ini dapat menghemat banyak waktu pelanggan Anda.
Ini berarti mereka tidak lagi harus melihat beberapa halaman hasil pencarian hanya untuk menemukan apa yang mereka inginkan.
Plugin juga harus menawarkan opsi untuk menerapkan filter yang dipilih dengan cara yang berbeda.
Misalnya, menerapkan pencarian AJAX instan berarti hasil yang relevan muncul segera setelah pengguna memilih filter.
Atau, Anda juga harus dapat menambahkan tombol 'Terapkan Filter' yang dapat diklik pengguna setelah memilih semua filter yang mereka inginkan.
Memfilter menggunakan data produk apa pun
Kami berbicara tentang pentingnya menambahkan filter dan aspek yang relevan ke halaman toko Anda sebelumnya.
Melakukan ini hanya mungkin jika plugin pencarian segi WooCommerce memungkinkan Anda membuat filter berdasarkan hampir semua jenis data produk.
Anda mungkin ingin memfilter menurut jenis atribut produk apa pun seperti ukuran, warna, merek, dan sebagainya.
Jenis data produk lain yang membuat pencarian segi sangat efektif termasuk pemfilteran berdasarkan harga, peringkat, kategori, dan tag.
Dengan plugin filter yang tepat, Anda bahkan dapat menambahkan filter untuk data non-default menggunakan plugin taksonomi khusus seperti Easy Post Types and Fields.
Plugin ideal Anda harus mendukung pembuatan filter dengan data produk apa pun. Ini memastikan bahwa Anda tidak terbatas hanya pada beberapa set pilihan, terlepas dari jenis toko yang Anda miliki.
Performa dan keramahan pengembang
Performa adalah komponen kunci lain dari penelusuran toko Anda dan pengalaman pelanggan secara keseluruhan.
Setiap kali pengunjung menerapkan filter, plugin mulai mencari melalui ratusan, atau mungkin ribuan produk untuk menemukan kecocokan yang tepat.
Jika plugin tidak dioptimalkan dengan baik untuk kinerja, mungkin perlu waktu lama untuk menampilkan hasilnya. Ini dapat menunda beberapa pelanggan atau bahkan menyebabkan mereka meninggalkan toko Anda sepenuhnya.
Juga, penting bahwa plugin mengambil hasil pencarian faceted yang akurat, tanpa meninggalkan produk tertentu kami.
Plugin pencarian segi WordPress yang baik juga harus responsif.
Apakah filter terlihat layak di perangkat seluler? Seberapa mudah untuk menavigasi mereka dan apakah mereka menampilkan hasil dengan cepat? Ini adalah pertanyaan penting yang perlu Anda temukan jawabannya.
Keramahan pengembang sama pentingnya.
Kode plugin pencarian segi WooCommerce yang baik harus ditulis dengan cara yang mudah diedit. Ini relevan untuk pengguna yang mengetahui beberapa PHP dan CSS.
Ini berarti mereka akan dapat mengubah perilaku pencarian atau menyesuaikan tampilan filter yang sesuai.
Kompatibilitas dengan plugin lain
Untuk mendapatkan hasil yang diinginkan di toko WooCommerce Anda, penting untuk hanya menggunakan plugin yang kompatibel dengan plugin WordPress lainnya.
Ini membantu Anda memanfaatkan modularitas platform.
Misalnya, ada kalanya masuk akal untuk menambahkan sistem pemfilteran ke tabel produk WooCommerce Anda. Kedua fitur tersebut membutuhkan plugin WordPress yang berbeda.
Anda mungkin juga ingin pengunjung situs Anda menggunakan filter saat menavigasi sistem pemesanan restoran online Anda.

Dalam setiap kasus, Anda memerlukan plugin pencarian segi WooCommerce yang bekerja secara mulus dengan plugin WooCommerce lainnya. Ini membantu Anda dan pelanggan Anda mendapatkan jenis pengalaman pengguna yang Anda inginkan.

Apa plugin filter faceted WordPress terbaik?
Untuk menjawab pertanyaan ini, kami membandingkan sejumlah plugin filter segi berdasarkan faktor-faktor yang kami sebutkan di atas.
Pada akhirnya, pilihan nomor 1 kami untuk plugin pencarian segi WooCommerce terbaik adalah Filter Produk WooCommerce.
Sebagai permulaan, plugin filter segi ini unggul dalam memberikan sistem pencarian yang efektif dan akurat. Setelah Anda menambahkannya ke situs Anda, pelanggan Anda akan dapat menggabungkan beberapa data produk untuk memfilter penawaran produk Anda di seluruh situs dengan cepat.
Plugin ini menawarkan kinerja yang sangat baik dengan mengindeks produk Anda dan memberikan hasil pencarian yang relevan secara instan.
Anda juga mendapatkan banyak fleksibilitas dalam hal menampilkan filter Anda. Gaya filter ini digabungkan dengan fitur desain UI/UX lainnya yang memudahkan pengguna untuk menavigasi situs Anda dan menemukan apa yang mereka cari.
Mari kita lihat lebih dekat fitur utama plugin.
Fitur utama Filter Produk WooCommerce
Berikut adalah beberapa fitur filter faceted utama yang ditambahkan Filter Produk WooCommerce ke toko WordPress Anda:
- Buat filter segi menggunakan data produk apa pun. Gunakan Filter Produk WooCommerce untuk membuat filter berdasarkan tag produk, kategori, peringkat, dan atribut seperti warna dan ukuran. Anda juga dapat menambahkan taksonomi khusus sebagai filter. Saat pengunjung situs menerapkan faset yang mereka pilih, plugin akan menampilkan faset aktif dan jumlah produk yang sesuai di halaman hasil.
- Tambahkan aspek ke halaman toko Anda dengan berbagai cara. Setelah membuat faset berdasarkan data produk, Anda juga mendapatkan beberapa opsi untuk menambahkannya ke toko Anda. Anda dapat menambahkan aspek dengan mendesain widget bilah sisi dari awal lalu menambahkannya ke halaman mana pun yang Anda pilih. Atau, Anda juga dapat membuat grup faset yang merupakan kumpulan faset terkait. Grup membantu Anda menambahkan pencarian segi ke halaman toko Anda lebih cepat. Setiap grup faset memiliki kode pendek yang dapat Anda salin dari halaman 'Filter Grup' di dasbor WordPress Anda.
- Pilih dari berbagai gaya filter. Jadikan pencarian segi WooCommerce seinteraktif dan seintuitif mungkin. Anda mendapatkan berbagai macam gaya tampilan untuk dipilih, tergantung pada jenis filternya. Anda dapat menampilkan filter sebagai dropdown, kotak centang, tombol radio, contoh warna, dan penggeser rentang. Anda juga dapat mengatur pencarian faceted baik di widget sidebar atau di bagian atas daftar produk.
- Performa responsif dan pencarian AJAX instan. Plugin memberikan hasil pencarian instan apakah Anda menggunakan AJAX atau tombol 'Terapkan Filter'. Ini terlepas dari jumlah produk yang dimiliki toko Anda. Ini juga dioptimalkan dengan baik sehingga pencarian faceted WooCommerce Anda bekerja dengan mulus di perangkat apa pun yang dikunjungi pelanggan Anda.
- Plugin WooCommerce dan kompatibilitas tema. Baik toko Anda memiliki tabel produk WooCommerce atau sistem pemesanan restoran, Filter Produk dapat menambahkan sistem penyaringan dengan mudah. Plugin ini bekerja dengan mulus dengan beberapa Template Pemula Astra WooCommerce dan kami tidak menghadapi masalah apa pun.
Sekarang setelah kita mengetahui seberapa efektif Filter Produk WooCommerce bekerja, mari tunjukkan cara menambahkan faset dan filter dengannya.
Cara menambahkan pencarian dan filter segi ke toko WooCommerce
Siap menambahkan faset dan filter WooCommerce canggih ke toko Anda?
Ikuti 4 langkah sederhana ini:
Langkah 1: Instal dan aktifkan Filter Produk WooCommerce
Mulailah dengan mendapatkan salinan Filter Produk WooCommerce di sini.
Setelah mendapatkan plugin, Anda akan mendapatkan email yang berisi kunci lisensi Anda dan tautan untuk mengunduh plugin. Simpan kunci ini dengan aman karena Anda akan membutuhkannya untuk mengaktifkan lisensi plugin nanti.
Masuk ke dasbor admin WordPress Anda dan buka Plugin > Add New > Upload Plugin .
Unggah file .zip yang Anda unduh sebelumnya dan klik Instal Sekarang . Kemudian klik Aktifkan Plugin .
Langkah 2: Konfigurasikan pengaturan filter produk
Setelah Anda mengaktifkan plugin, wizard pengaturan akan terbuka. Ini akan meminta Anda untuk mengaktifkan lisensinya, dan memilih pengaturan utama untuk filter produk WooCommerce Anda.

Berikut adalah beberapa pengaturan yang paling penting untuk diingat:
- Mode filter: Bagian ini memungkinkan Anda memutuskan apa yang terjadi saat pengunjung situs memilih filter. Anda dapat memilih untuk menerapkan filter segera setelah dipilih (AJAX) atau meminta pengguna untuk mengklik tombol ' Terapkan Filter '.
- Jumlah produk: Pilih cara menampilkan jumlah produk yang relevan dengan pemilihan filter. Jumlah produk dapat ditampilkan di sebelah setiap filter produk individual. Anda juga dapat memilih kedua metode tersebut.
- Visibilitas filter: Tentukan tempat untuk menampilkan filter yang Anda buat dan filter mana yang akan ditampilkan. Anda dapat memilih grup filter untuk muncul di bagian atas semua halaman toko Anda. Anda juga dapat menyembunyikan filter di seluler dan/atau desktop sehingga pelanggan dapat mengeklik tombol untuk menampilkannya di panel geser. Ini sangat ideal untuk menghemat ruang pada halaman.
Setelah Anda mengonfigurasi pengaturan default, saatnya untuk membuat filter faceted WooCommerce pertama Anda. Anda sekarang telah berhasil menambahkan plugin pencarian segi WooCommerce ke toko Anda!
Langkah 2: Buat filter pertama Anda
Filter Produk WooCommerce memungkinkan Anda membuat filter dan faset berdasarkan data produk yang berbeda. Anda dapat menggunakan data sederhana seperti kategori, tag, harga, peringkat, nilai 'Tersedia', atau bahkan taksonomi khusus.
Untuk melakukan ini, buka Produk > Filter di admin WordPress.
Di tab Filter , klik untuk mengedit grup filter default, atau buat yang baru. Temukan formulir Tambahkan filter baru dan isi informasi yang diperlukan.
Masukkan detail penting seperti nama filter, jenis filter, dan atribut filter seperti warna, tag, dan kategori produk.
Jenis filter mengacu pada gaya tampilan seperti dropdown, kotak centang, atau label. Ada banyak opsi gaya untuk menampilkan filter produk WooCommerce Anda, jadi pilih salah satu yang akan memberikan pengalaman pelanggan terbaik untuk setiap filter.

Langkah 4: Tambahkan filter ke halaman mana pun
Terakhir, Anda dapat menambahkan grup filter ke halaman mana pun menggunakan tiga pilihan metode.
Tampilan di semua halaman toko
Cara pertama adalah yang paling mudah. Bahkan, kami sudah membahasnya! Di wizard pengaturan, ada opsi untuk memilih grup filter yang akan muncul di bagian atas semua halaman toko WooCommerce Anda.
Jika Anda sudah melakukan ini maka bagus. Jika tidak, buka Produk > Filter > Pengaturan dan lakukan sekarang.
Tambahkan widget filter
Atau (atau sebagai tambahan) untuk menampilkan grup filter di atas halaman toko Anda, Anda dapat menambahkan filter sebagai widget bilah sisi.
Untuk melakukan ini, navigasikan ke Appearance > Widgets .
Cari ' Filter Produk ' dan tambahkan ke bagian halaman yang Anda inginkan. Anda juga dapat memilih antara tata letak vertikal atau horizontal untuk filter.

Jika tema Anda memiliki area bilah sisi bawaan, Anda dapat menambahkan widget filter ke bilah sisi mana pun.
Pengguna tema Astra juga dapat menikmati manfaat Off Canvas Sidebar, di mana pengguna mengklik tombol atau tautan untuk membuka sidebar tersembunyi. Ini adalah ide yang bagus jika Anda memiliki banyak filter dan ingin menyediakan filter lanjutan tanpa mengacaukan halaman.
Ini juga berguna jika Anda ingin menambahkan jenis widget lain ke bilah sisi tersembunyi, selain widget filter.
Gunakan kode pendek untuk menambahkan filter di mana saja
Terakhir, Anda bisa mendapatkan lebih banyak fleksibilitas dengan menggunakan kode pendek untuk menampilkan filter di mana saja di situs Anda.
Ini adalah pilihan yang baik jika Anda menggunakan plugin pembuat halaman untuk mendesain halaman toko Anda. Cukup tambahkan kode pendek ke blok 'Kode Pendek' di mana saja di halaman tempat Anda mencantumkan produk.
Untuk menemukan kode pendek, buka Produk > Filter dan salin dan tempel kode pendek untuk grup filter yang ingin Anda tampilkan.
Tambahkan pencarian segi WooCommerce ke toko Anda hari ini

Penemuan produk dan navigasi situs merupakan bagian penting dari pengalaman pelanggan setiap toko WooCommerce. Dengan pencarian segi WooCommerce, Anda dapat membantu pengunjung toko Anda menemukan produk yang tepat yang mereka butuhkan dengan lebih cepat.
Ini akan, pada gilirannya, memengaruhi tingkat konversi dan kepuasan pelanggan Anda secara positif.
Anda dapat meningkatkan pengalaman pencarian toko Anda dengan menambahkan plugin filter segi ke dalamnya.
Dalam artikel ini, kami menunjukkan cara menggunakan filter produk untuk menambahkan faset dan filter ke toko WooCommerce Anda.
Kami harap langkah-langkah sederhana ini telah membantu Anda meningkatkan pengalaman pelanggan toko Anda!
Beri tahu kami jika Anda memiliki pertanyaan di bagian komentar di bawah.