WooCommerce: WooCommerce Bloklarına Nasıl Başlanır – BÖLÜM 1

Yayınlanan: 2022-01-26

WordPress 5.0'dan bu yana, varsayılan sayfa/yazı düzenleyici tamamen yeniden geliştirildi. Elbette, Gutenberg'i duymuşsunuzdur.

Kötü haber şu ki, WooCommerce yeni düzenleme deneyimine çok daha yavaş katıldı ve onu Gutenberg dostu yapmak için hala geliştirilmesi gereken önemli şeyler var.

Uyumluluk ilerlemesi, WooCommerce için mevcut tüm bloklara - deneysel olanlar da dahil olmak üzere - erişmek istiyorsanız, bu eklentiyi kullanabilirsiniz. Mevcut "kararlı" bloklarımız WooCommerce içinde paketlenmiştir ve blok yerleştiricideki "WooCommerce" bölümünden eklenebilir , çünkü onların "beta" bloklarını orada bulabilirsiniz, "deneysel" olarak adlandırdıkları ve resmi olarak olacaktır. onaylandıktan sonra WooCommerce'de yayınlanır.

Bu makalede, özellikle WooCommerce Bloklarına derinlemesine dalacağız - ne oldukları, neden önemli oldukları, kaç blok mevcut olduğu ve bunları nasıl kullanabileceğiniz.

Bu çok büyük bir konu olduğu için – ele almamız gereken yirmi WooCommerce Bloğumuz var – onu iki bölüme ayırıyoruz. Bu makale, mağazanızda kullanabileceğiniz ilk on Bloğu değerlendirecektir. Ama önce, WooCommerce bloklarının ne olduğunu belirleyelim ve neden bu kadar önemli olduklarını araştıralım.

WooCommerce Blokları nedir ve neden bu kadar önemlidir?

WooCommerce, ürünlerinizi görüntülemek için kategori sayfaları ve mağaza sayfaları gibi sayfaları otomatik olarak oluşturur. Ancak, sizinkiyle aynı sayfayı ve ürün düzenini seçerlerse, başka bir WooCommerce web sitesinin e-Ticaret mağazanıza benzer görünmesi olasıdır.

Ancak WooCommerce Blokları ile mağazanızı benzersiz hale getirebilir ve ürünlerinizi tercih ettiğiniz şekilde ve düzende sergileyebilirsiniz.

WooCommerce Blokları, mağaza tasarımınız üzerinde size daha fazla kontrol sağlar. Block Editor ile entegrasyonu, tek bir CSS satırı yazmadan, kod eklemeden veya grafik tasarım uzmanlığı gerektirmeden mağazanızı özelleştirmenize olanak tanır.

Basit bir sürükle ve bırak yöntemiyle kolayca blok ekleyebilirsiniz. WooCommerce Block'un kullanımı kolay arayüzünü kullanarak şunları yapabilirsiniz:

  • Özel mağaza sayfaları oluşturun
  • Bir ürün koleksiyonunu görüntülemek için açılış sayfaları oluşturun
  • Belirli sayfalara ve hatta blog gönderilerine ürün blokları ekleyin
  • İstediğiniz yere ürün önerileri, ürün incelemeleri ve promosyon afişleri ekleyin

Öyleyse, farklı WooCommerce Bloklarına bir göz atalım. WooCommerce'i kurduğunuzda 20 yerleşik WooCommerce Bloğu alırsınız . İşte ilk on bloğa ve bunları nasıl kullanabileceğinize bir bakış.

Temel WooCommerce Bloklarının bir listesi [Bölüm 1]

1. Aktif Ürün Filtreleri

Kaynak

Ürün filtreleri, müşterileriniz için ürün aramayı kolaylaştırır. Onlar olmadan, seçtikleri ürünleri manuel olarak aramak zorunda kalacakları için müşteri kaybetme riski vardır. Ne yazık ki, bu süreç zaman alıcı hale gelir ve web sitenizi hedef kitleniz için daha az kullanışlı ve etkileşimli hale getirir.

Etkin Ürün Filtreleri bloğu, geçerli görünümde o anda etkin olan ürün filtrelerini görüntüler (böylece önceki adımda seçilen filtreler). Ek olarak, bu blok ürününüzün özelliklerini otomatik olarak yakalar ve müşterilerinizin aktif ürünleri herhangi bir özelliğe göre filtrelemesine olanak tanır.

Bloğun başlığını biçimlendirebilir ve filtreleri çip (düğmelere benzer) veya liste olarak görüntülemeyi seçebilirsiniz. Böylece bu blok, ürünün boyutu, şekli veya rengi gibi filtrelerin eklenmesini kolaylaştırarak müşterileriniz için son derece kullanışlı hale getirir.

2. Tüm İncelemeler

Kaynak

Müşteri incelemelerini görüntülemek, ürününüzün güvenilirliğini ve orijinalliğini sergilemenin mükemmel bir yoludur. Alıcıların ürün iddialarından daha fazla güvendiği bir ürün referansı görevi görür ve kullanıcıların ürünleri satın alma şansını artırır.

Trustpilot'a göre, müşterilerin %89'u ürünleri satın almadan önce çevrimiçi yorumları okuyor. Bu, müşteri incelemelerinin e-ticaret satışlarınızda oynadığı bütünleyici rolü gösterir.

Bu nedenle, WooCommerce web sitenizdeki Tüm İncelemeler Bloğu'nu dahil etmek, ürün satışlarınız için ezber bozan bir rol oynayabilir.

Bu blok, blog gönderisi veya açılış sayfası gibi mağazanızın herhangi bir yerinde aldığınız tüm ürün incelemelerinin tam listesini görüntülemenize olanak tanır.

Ürün adını, inceleyen adını, inceleme tarihini, ürün derecelendirmesini, inceleme içeriğini ve ürün resmini gizlemeyi veya görüntülemeyi seçebileceğiniz birçok özelleştirme seçeneğiyle birlikte gelir.

Kullanıcıların en düşük puana veya daha yüksek puana göre sipariş vermesine izin vererek ayarları özelleştirebilir, hatta görüntülenecek yorum sayısını ayarlayabilir ve müşterileriniz için bir 'daha fazla yorum yükle' seçeneği ekleyebilirsiniz.

3. Tüm Ürünler

Kaynak

Tüm Ürünler Bloğu, WooCommerce mağazanızdaki tüm ürünleri görüntüler ve sıralama ve sayfalandırma seçenekleriyle birlikte gelir. Bir sıralama açılır menüsünü göstermek için bu bloğu Aktif Ürün Filtreleri bloğuyla hizalayabilirsiniz.

Müşterileriniz, yerleşik sayfalandırma seçeneğini kullanarak, tüm ürünleri tek bir sayfada görüntülemek istemiyorsanız, tüm ürün sayfasını görüntülemek için ürünlerinizde kolayca ileri ve geri gidebilir.

En son ürünlere veya ürünlerin popülerliğine göre sıralamak için varsayılan Ürün Sıralama Sırasını seçme seçeneğine sahipsiniz. Gerekirse, Sıralama Açılır Menüsünü de gizleyebilirsiniz. Ayrıca bu blok, resimler, metinler ve videolar gibi ek içerikler eklemenize de olanak tanır.

4. Öne Çıkan Kategori

Kaynak

Öne Çıkan Kategori Bloğu, belirli bir ürün kategorisinden, öne çıkan bir kategori olarak veya bir harekete geçirici mesaj başlığında kurmak ve görüntülemek istediğiniz ürünleri seçmenize olanak tanır.

Trafik çekmek ve o belirli ürün kategorisinin satışlarını en üst düzeye çıkarmak için, açılış sayfanızda veya bir blog gönderisinde belirli bir ürün kategorisini vurgulamak için mükemmel bir çözümdür.

En zorunlu özelliklerinden biri, ürün görüntüsünün odak noktasını arka plan kapsayıcısına mükemmel bir şekilde yerleştirmek için sürüklemenizi sağlayan Odak Noktası Seçici'dir. Bu blok ayrıca size ürün açıklamalarını gizleme veya gösterme, kaplama rengi ekleme ve opaklığı değiştirme gibi seçenekler sunar.

Bu nedenle, yakın zamanda yeni bir ürün koleksiyonu başlattıysanız - Öne Çıkan Kategori bloğu, koleksiyonu mağazanızın birden çok yerinde sergilemenize ve satışları artırmanıza yardımcı olabilir.

5. Öne Çıkan Ürünler

Kaynak

Öne Çıkan Ürün Bloğu, mağaza ürünlerinizi bir Harekete Geçirici Mesaj (CTA) ile prezentabl, hoş etkili ve güzel tasarlanmış bir banner'da sergilemenize olanak tanır.

Ürün fiyatını ve açıklamasını göstermek veya gizlemek, metin hizalamasını kontrol etmek, kaplama rengi eklemek, arka plan konumlandırmasını ve opaklığı ayarlamak, ürün fotoğrafını geçersiz kılmak ve CTA düğmesini değiştirmek için birçok ayar ve seçenekle birlikte gelir.

Bu blok, belirli ürünleri blog gönderilerinizde veya açılış sayfanızda sergilemenin ve müşterilerin dikkatini çekmenin ve onları satın almaya çekmenin mükemmel bir yoludur.

6. Kategoriye Göre Ürünler

Kaynak

Kategoriye Göre Ürünler Bloğu, seçili bir kategorideki veya kategorilerdeki ürünleri bir ızgarada görüntülemenizi sağlar.

Ürün başlığını, fiyatını, derecelendirmesini ve sepete ekle düğmesini gizleme veya gösterme seçeneği ile kılavuzun satır ve sütun sayısını değiştirmenize olanak tanır. Bu blok, ana sayfanızda farklı ürün kategorilerini içeren farklı bölümler oluşturabilir.

7. En Çok Satan Ürünler

Kaynak

En Çok Satan Ürünler Bloğu, mağazanızın en çok satan ürünlerini bir ızgarada görüntülemenizi sağlar.

Bu bloğun tasarımı, aynı özelleştirme seçeneklerine sahip Kategoriye Göre Ürünler bloğunun tasarımına çok benzer. Örneğin, renk, boyut ve fiyata göre filtre gibi ürünler için uygun filtre seçeneklerini belirleyebilirsiniz.

Bu bloğu kullanarak – müşterilerinizi en çok satan ürünlerinize göz atmaya teşvik edebilir ve onları kendileri için ürün satın almaya ikna edebilirsiniz.

8. Ürünleri Fiyata Göre Filtreleyin

Kaynak

Bu blok, müşterilerin ürünleri fiyata göre filtrelemesine olanak tanıyan, kullanımı kolay bir kaydırıcı görüntüler. Örneğin, sol tutamacı sağa doğru sürüklemek fiyatı artırırken, sağ tutamacı sola doğru sürüklemek fiyatı düşürür.

Minimum ve maksimum fiyat aralığını düzenleyebilir ve başlık seviyesini ayarlamak için bir düğme ekleyebilirsiniz. Tüm Ürünler bloğu ile birlikte mükemmel şekilde çalışır.

9. Ürünleri Özelliğe Göre Filtreleyin

Kaynak

Bu blok, müşterilerinizin ürünleri özelliklere göre filtrelemesine olanak tanıyan bir filtre ekler. Nitelikler renk, boyut ve hatta yiyecek aroması olabilir.

Filtreyi liste veya açılır menü olarak görüntüleme seçeneğiniz vardır. Ayrıca başlık düzeyini seçebilir, kelime sayısını ekleyebilir veya bir düğme ekleyebilirsiniz.

10. En Yeni Ürünler

Kaynak

En son lansmanlarınızı ve en yeni ürünlerinizi bir ızgarada görüntülemek için bu bloğu kullanabilirsiniz. Müşteriler, ürünleri ilgili kategoriye göre filtreleyebilir.

Bu blok, mağazanızın yeni stokunu ana sayfada sergilemek ve pazarlamak ve daha fazla ilgi çekmek için mükemmeldir. Özelleştirme seçenekleri, En Çok Satan Ürünler Bloğuna benzer.

Çözüm

İster teknoloji meraklısı ister teknik olmayan bir profesyonel olun - WooCommerce Blocks'u kullanmak, ürünlerinizi ilgi çekici bir şekilde sergilemenin ve mağazanızı bir sonraki seviyeye taşımanın en kolay ve en uygun maliyetli yoludur.

Web sitenizdeki herhangi bir sayfada ve blog gönderisinde ürünlerinizi tanıtabilirsiniz. Tek yapmanız gereken blokları sayfada belirli bir yere sürüklemektir ve sayfa güncellemeleri gerçek zamanlı olarak yayınlanır.

Bu nedenle, WooCommerce mağazanızı canlandırmak ve daha fazla dikkat çekmek istiyorsanız, yukarıda belirtilen WooCommerce Bloklarını kullanın.

Ayrıca, bu makalenin on tane daha WooCommerce Bloğu ve bunları kolaylıkla ekleme ve düzenleme yolları içeren 2. bölümümüz var. Önümüzdeki hafta yayına girerken göz atın!