Bunlar Nedir ve Nasıl Kullanılır?

Bir çevrimiçi mağaza işletmek zor olabilir. Müşterilerin aradıkları ürünleri bulabilmeleri için ürünlerinizi düzenlemeniz gerekir. Neyse ki, WooCommerce ürün filtre blokları , kullanıcı tarafından belirtilen öğeleri saniyeler içinde gruplayabilir ve görüntüleyebilir.

Ürün filtre blokları ile WooCommerce mağaza öğelerinizi özelliklerine göre düzenleyebilirsiniz. Bunlar, fiyatlarını, kategorilerini, özelliklerini veya etiketlerini içerebilir. Ardından, bloğu bir gönderiye veya sayfaya eklemeniz yeterlidir ve müşterileriniz filtrelenmiş sonuçları bulabilir.

Bu kılavuzda, tüm farklı WooCommerce ürün filtre bloklarını tanıtacağız ve bunları neden kullanmayı düşünebileceğinizi tartışacağız. Ardından, bu öğeleri çevrimiçi mağazanıza nasıl ekleyeceğinizi ve yapılandıracağınızı açıklayacağız. Başlayalım!

İçindekiler:

WooCommerce ürün filtre bloklarına giriş

WooCommerce, kullanıcıların çevrimiçi mağazanızda belirli ürünleri aramasına izin vermek için tasarlanmış bir WooCommerce blokları koleksiyonuna sahiptir. Bu etkileşimli öğeler, tüketicilerin sonuçlarını filtrelemelerine ve ihtiyaçlarına en uygun öğeleri bulmalarına olanak tanır.

İşte ücretsiz WooCommerce ürün filtre bloklarına hızlı bir genel bakış:

• Ürünleri Fiyata Göre Filtrele: Bu blok, müşterilerin bir kaydırıcı kullanarak bir fiyat aralığı seçmesine ve yalnızca bu aralığa uyan öğeleri görüntülemesine olanak tanır.
• Ürünleri Özelliğe Göre Filtrele: Müşterilerin öğeleri boyutları, renkleri ve stilleri de dahil olmak üzere özelliklerine göre aramasına olanak tanır.
• Aktif Ürün Filtreleri: Müşterilerin, ayarlayabilmeleri için aramalarına hangi filtreleri uyguladıklarını görmelerine yardımcı olur.
• Ürünleri Stoka Göre Filtrele: Bu blok yalnızca stokta bulunan, stokta olmayan veya stokta olmayan ürünleri gösterir.

Bu blokları yazılarda, sayfalarda ve widget alanlarında kullanabilirsiniz. Blokla etkileşime girerken, müşteriler filtrelenmiş sonuçları görmek için önceden belirlenmiş parametrelerden seçim yapabilecektir.

Ürün filtrelerini ayarlamak için daha fazla esneklik istiyorsanız, özel bir WooCommerce ürün filtresi eklentisi de yükleyebilirsiniz. Bu makalenin ilerleyen bölümlerinde bazı kalite seçeneklerini paylaşacağız.

Neden WooCommerce ürün filtre bloklarını kullanmayı düşünebilirsiniz?

WooCommerce ürün filtre blokları, çevrimiçi mağazanızın kullanıcı deneyimini (UX) önemli ölçüde iyileştirebilir. Kapsamlı bir ürün kataloğunuz varsa, müşteriler ihtiyaçlarına uygun olanları ararken ürünleriniz arasında gezinmek için saatler harcayabilir. Ancak, muhtemelen hüsrana uğrayacaklar ve başka bir yerden alışveriş yapmak için tıklayacaklar.

Sattığınız ürünlere bağlı olarak ürün filtreleri, müşterilerin ihtiyaçlarına uygun renkler, boyutlar, malzemeler ve markalar için mağazanıza göz atmalarını sağlar. Ayrıca, sonuçlar aynı sayfada güncellenecektir. Bu nedenle, tüketicilerin kategori sayfalarına gitmesi ve alışveriş deneyimlerini kesintiye uğratması gerekmeyecek.

WooCommerce ürün filtre blokları nasıl kullanılır?

Bu ilk bölümde, WooCommerce'in otomatik olarak içerdiği varsayılan ürün filtresi bloklarını nasıl kullanacağınızı göstereceğiz. Yine, daha fazla esneklik için bir sonraki bölümde WooCommerce ürün filtresi eklentilerinden birini düşünebilirsiniz.

WooCommerce ürün filtre bloklarının çoğu aynı şekilde çalışır. Sadece bloğu yerleştirecek ve ardından hangi ürün özelliğinin görüntüleneceğini belirleyeceksiniz.

Tüm bu blokları WordPress'te yeni bir blok eklemek için + düğmesine tıklayarak ve “WooCommerce filtresi”ni arayarak bulabilirsiniz.

WooCommerce ürünlerinize öncelikle nitelikler, etiketler, kategoriler ve diğer özellikler eklemeniz gerekeceğini unutmayın. Aksi takdirde, bloğunuzda kullanabileceğiniz herhangi bir veriniz olmayacaktır.

Şimdi WooCommerce ürün filtre bloklarının nasıl kullanılacağına bir göz atalım. Örnek olarak Ürünleri Niteliğe Göre Filtrele öğesini kullanacağız.

Adım 1: WooCommerce ürünlerinize nitelikler ekleyin

️ Not – diğer filtreler için (fiyat veya stok gibi), herhangi bir özellik ayarlamanız gerekmez.

Henüz yapmadıysanız, WooCommerce ürünlerinize kategoriler, etiketler ve nitelikler eklemek isteyeceksiniz. Bu sınıflandırmalar, müşterilerin istedikleri ürünleri bulmasını kolaylaştırır. Ayrıca, WooCommerce ürün filtre blokları bu sınıflandırmalar olmadan çalışmayacaktır.

WordPress kontrol panelinizde Ürünler > Nitelikler'e giderek başlayın. Burada ürünleriniz için yeni sınıflandırmalar oluşturabilirsiniz. Gördüğünüz gibi, çevrimiçi mağazamızda zaten Renk ve Boyut var:

Yeni özniteliğiniz için bir ad ve bilgi girmeniz gerekecek. Ardından, sınıflandırmayı kaydetmek için Nitelik ekle'ye tıklayın. Ürün kategorileri (ve alt kategoriler) ve etiketler için aynı süreci takip edebileceğinizi unutmayın.

Ardından, taksonomilerini eklemek için ürünlerinizi açın. Bunu Ürünler > Tüm Ürünler'e gidip bir öğeye tıklayarak yapabilirsiniz.

Şimdi, Ürün verileri bölümüne gidin ve Nitelikler menüsünü açın:

Açılır menüden seçip Ekle'ye tıklayarak ürününüze nitelikler ekleyebilirsiniz. Ardından, özel bilgilerinizi girmek için özelliğin yanındaki açılır oku seçin.

Örneğin, örneğimizde, ürünümüze bir Renk özelliği olarak Kırmızı'yı ekledik:

Tüm değişkenlerinizi eklediğinizde, Nitelikleri kaydet üzerine tıklayın. Artık müşteriler, WooCommerce ürün filtre bloğunuz aracılığıyla bu özelliklere sahip ürünleri bulabilecekler.

2. Adım: Ürün filtre bloğunuzu yerleştirin

Ardından, ürün filtre bloğunuzu kullanmak istediğiniz sayfayı veya gönderiyi açmanız gerekir. Müşterilerin göz atarken sonuçlarını filtreleyebilmeleri için öğeyi mağaza sayfalarınızdaki bir kenar çubuğunda kullanmayı da düşünebilirsiniz.

İlk olarak, Tüm Ürünler bloğunu sayfanıza eklemeniz gerekir. Aksi takdirde, WooCommerce belirli öğeleri filtreleyemez ve görüntüleyemez.

Bunu + düğmesine tıklayarak ve "tüm ürünler" için arama yaparak yapabilirsiniz. Bloğu seçin ve sayfanıza ekleyin:

Ardından, “WooCommerce filtre özniteliği:” ifadesini arayın.

Bloğu tıklayın ve sayfanıza eklenecektir. Artık bir ürün özelliği arayabilir veya açılır listenizden birini seçebilirsiniz. Örneğimizde Color kullanacağız:

Bloğunuz şimdi yeni bir başlık ve seçtiğiniz ürün özelliklerinin bir listesini (farklı ürün renkleri gibi) gösterecek şekilde dönüştürülecektir:

Görünüşünü beğendiyseniz bloğu olduğu gibi bırakabilirsiniz. Alternatif olarak, bir sonraki adımda bu öğenin görünümünü nasıl özelleştireceğimizi tartışacağız.

3. Adım: Blok ayarlarını yapılandırın

Ardından, WooCommerce ürün filtre bloğunuzun görünümünü özelleştirebilirsiniz. Ürünleri Niteliğe Göre Filtrele bloğuna tıklayın ve ardından sağdaki dişli çark simgesini seçin:

Burada, Ürün sayınızın görüntülenip görüntülenmeyeceğini seçebilirsiniz. Geniş bir ürün kataloğunuz varsa ve müşterilerinize aralarından seçim yapabilecekleri geniş bir ürün yelpazesi sunmak istiyorsanız bu ayar kullanışlı olabilir.

Ürün özellikleriniz için Başlık Düzeyini de seçebilirsiniz. Varsayılan değer H3'tür , ancak mağazanızın stil gereksinimlerine uyması için H2'den H6'ya kadar seçim yapabilirsiniz.

Aşağı kaydırırsanız, Blok Ayarları altında bazı ek yapılandırmalar görmelisiniz:

Burada Sorgu Türünüzü seçebilirsiniz. And öğesini seçerseniz, WooCommerce yalnızca müşterinin tüm belirtilen özelliklerini içeren ürünleri görüntüler. Bu arada, Veya seçeneği, özelliklerden en az birine sahip olan tüm öğeleri gösterecektir.

Görüntüleme Türü altında, niteliklerinizi liste veya açılır biçimde görüntülemeyi seçebilirsiniz. Her iki seçenek de nispeten kullanıcı dostudur.

Son olarak, Filtre düğmesini etkinleştirmeyi seçebilirsiniz. Açarsanız, müşterilerin arama sonuçlarını filtrelemek için Git'e tıklamaları gerekir. Ancak, bunu kapatırsanız, özelliklerden birini seçmeniz görüntülenen ürünleri güncelleyecektir.

Bu kadar! WooCommerce ürün filtre bloğunuz artık eyleme hazır:

Değişikliklerinizi kaydedip yayınlamanız yeterlidir. Müşteriler artık ürün aramalarını belirli özelliklerle filtreleyebilecekler.

WooCommerce ürün filtresi eklentilerine genel bakış

Ücretsiz WooCommerce bloklarının yanı sıra, filtrelerinizi ayarlamak için daha fazla esneklik eklemek için üçüncü taraf eklentilere de erişebilirsiniz. Örneğin, WooCommerce Ürün Arama eklentisi aşağıdaki filtre seçeneklerini içerir:

• Ürünler: Filtrelenmiş ürünlerin bir koleksiyonunu görüntüler. Bu blok, mağaza sayfanızı çoğaltabilir ve aynı sayfada diğer ürün filtre blokları tarafından kontrol edilen öğeleri oluşturabilir.
• Arama: WooCommerce mağazanız için filtrelenmiş bir arama işlevi oluşturur.
• Kategoriler: Giyim türü veya cinsiyet gibi belirli kategorilere karşılık gelen ürünleri gösterir.
• Nitelikler: Renk, marka, beden, şekil, marka veya belirli özellikler gibi belirli niteliklere sahip ürünleri görüntüler.
• Etiketler: "Öne çıkan", "logo" veya "trend" dahil olmak üzere ürün etiketlerine karşılık gelen ürünleri gösterir.
• Fiyat: Belirtilen fiyat parametreleri dahilindeki ürünleri görüntüler.
• Derecelendirme: Ürünleri ortalama derecelendirmelerine göre sunar.
• Satış: Yalnızca indirimde olan ürünleri görüntüler.
• Stok: Yalnızca stokta bulunan ürünleri gösterir.
• Sıfırla: Müşterilerin ürün filtre parametrelerini sıfırlamasını sağlar. Ardından, mevcut tüm öğelerinizi görebilir veya aramalarını özelleştirmek için yeni ayarlar girebilirler.

Alternatif olarak, WooCommerce eklentisi için WOOF Ürünleri Filtresini kullanmayı düşünebilirsiniz:

Bu eklenti ile müşteriler öğeleri kategorilerine, özelliklerine, etiketlerine, özel taksonomilerine ve fiyatlarına göre filtreleyebilir. Ayrıca, görüntülenen sonuçlar genellikle varsayılan WooCommerce bloklarından daha çekici ve özelleştirilebilir.

WooBeWoo'dan WooCommerce Ürün Filtresi, başka bir mükemmel freemium seçeneğidir:

Kendi ürün filtrelerinizi ve yerleşim koşullarınızı tasarlamak için tek başına veya Elementor ile kullanabilirsiniz. Premium eklenti, kategori simgeleri, özel stiller ve filtreleri gizle/göster düğmesi gibi ek özellikler içerir.

WooCommerce ürün filtrelerini bugün kullanmaya başlayın

Neyse ki, bir WooCommerce ürün filtre bloğunu kullanmak da çok kolaydır. Ürünlerinize kategoriler, nitelikler veya etiketler gibi sınıflandırmalar eklemeniz yeterlidir. Ardından, mağaza sayfanızdaki Tüm Ürünler bloğunun yanında karşılık gelen WooCommerce bloğunu kullanabilirsiniz.

Daha fazla esneklik için özel bir WooCommerce ürün filtresi eklentisi de yükleyebilirsiniz.

Daha iyi bir WooCommerce mağazası oluşturmanın daha da fazla yolunu bulmak istiyorsanız, sahip olunması gereken WooCommerce eklentileri koleksiyonumuza da göz atabilirsiniz.

WooCommerce ürün filtre bloklarını kullanma hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde bize bildirin!