WooCommerce Blokları ile Çevrimiçi Mağazanızı Nasıl Özelleştirirsiniz?

Gutenberg Blok Düzenleyici, WordPress'i herhangi bir beceri düzeyindeki site sahipleri için daha erişilebilir hale getirerek, içerik bloklarını sürükleyip bırakarak karmaşık sayfalar oluşturmanıza olanak tanır. WooCommerce bloklarıyla, sitenizin neredeyse her yerinde ürünleri, kategorileri, filtreleri ve daha fazlasını seçip görüntüleyebilirsiniz - kısa kod kullanmanıza veya kod satırlarını düzenlemenize gerek yok!

Mevcut WooCommerce bloklarına bir göz atalım ve her birinin nasıl kullanılacağını öğrenelim.

Başlamadan önce WordPress ve WooCommerce'i en son sürüme güncelleyin. Not: Bu gönderi için demolar Storefront temasıyla oluşturuldu ancak seçtiğiniz herhangi bir WooCommerce dostu temayla çalışmalıdır.

WooCommerce Bloklarını tanıyın

WooCommerce Bloklarını, Blok Düzenleyicinin etkinleştirildiği herhangi bir yere yerleştirebilirsiniz: gönderiler, sayfalar ve özel gönderi türleri. Düzenlemek istediğiniz sayfaya veya gönderiye giderek başlayın, ardından sol üst köşedeki Blok Ekle simgesini ("artı" sembolüne benzeyen) tıklayın.

Bu, mevcut tüm blokların bir menüsünü açacaktır. Çevrimiçi mağazanıza özgü blokları görüntülemek için WooCommerce sekmesini genişletin.

Profesyonel ipucu: `/` klavye kısayolunu kullanarak da içeriğe hızlı bir şekilde blok ekleyebilirsiniz. Örneğin, `/woocommerce` yazarak mevcut WooCommerce bloklarını görüntüleyebilirsiniz.

Bir bloğa tıklamak onu sayfanıza ekler ve seçtiğiniz bloğa bağlı olarak değişen bir dizi seçenek getirir.

Ürün blokları

Ürün blokları, ürünleri sayfa içinde görüntülemenize ve içerik yayınlamanıza olanak tanır. Bu, bir blog gönderisinde önerilen ürünlere bağlantı vermenin, en son ürünlerinizi bir açılış sayfasında göstermenin veya özel bir Mağaza sayfası oluşturmanın harika bir yoludur. Belirli bir ihtiyacı karşılayan çeşitli ürün blokları vardır ve aşağıda daha ayrıntılı olarak açıklanmıştır:

Öne Çıkan Ürün Bloğu

Bu, tek bir ürünü vurgulayan tamamen özelleştirilebilir bir bloktur. Bir ürün başlığı ve fiyatı görüntüleyebilir ve satın almaya teşvik etmek için bir düğme ekleyebilirsiniz. Yer paylaşımı için aşağıdakiler de dahil olmak üzere birçok ayar vardır:

• Kaplama rengi
• Arka plan opaklığı
• Görüntü odak noktası
• Arka planda konumlandırma

Müşterilerinizin dikkatini çekmek ve bir harekete geçirici mesaj olarak hizmet etmek için bir açılış sayfasına Öne Çıkan Ürün Bloğu ekleyin veya görsel bir ürün bağlantısı olarak doğrudan bir blog gönderisine dahil edin. Seçenekler sonsuz!

Tüm Ürünler Bloğu

Tüm Ürünler Bloğu, tüm ürünlerinizi görüntüler. Bu, ürünlerin üstüne veya altına başka içerik (metin, resim, video vb.) eklemek istiyorsanız kullanışlıdır ve görsel bir katalog oluşturmanın harika bir yoludur. Aşağıdaki seçenekleri içerir:

• Düzen ayarları:
  • Sütun ve satır sayısı — ürün ızgara düzenini özelleştirin
  • Hizalama düğmeleri — düğmeleri içeriğin hemen altına düşecek veya hizalayacak şekilde ayarlayın
• İçerik ayarları:
  • Sıralama açılır menüsünü göster — sıralama seçenekleriyle bir açılır menüyü görüntüleyin veya gizleyin
  • Ürünleri sipariş etme ölçütü — fiyatlara, derecelendirmelere, yeniliğe veya satışlara göre ürünler için varsayılan siparişi seçin
  • Ürünler için görüntülenen bilgileri düzenleyin — yorumları kaldırın, indirim rozeti ekleyin, açıklama ekleyin ve daha fazlasını yapın

Filtre blokları

Site ziyaretçilerinin ürün aramalarını daraltmasına izin vermek için filtre bloklarını Tüm Ürünler Bloğu ile birleştirin. Alışveriş yapanlar bir filtre seçtiğinde, ürünler sayfayı yeniden yüklemeden kriterlerini karşılayacak şekilde otomatik olarak güncellenir. Mevcut üç filtre bloğu vardır:

• Renk veya boyut gibi özelliklere göre filtreleyin
• Minimum ve maksimum fiyata göre filtreleyin
• Etkin, seçili filtreleri göster

Aşağıdaki örnek, üç bloğu da kullanır:

Bu blokları birleştirerek, sadece birkaç dakika içinde ilgi çekici, gezinmesi kolay bir mağaza sayfası oluşturabilirsiniz.

Özenle Seçilmiş Ürünler Bloğu

Elle Seçilmiş Ürünler Bloğu, görüntülemek istediğiniz ürünleri manuel olarak seçmenize olanak tanır. "Yıldönümü Hediye Fikirleri" başlıklı bir blog yazısı yazarsanız, doğrudan yazının içinde o konuya en uygun belirli ürünleri görüntüleyebilirsiniz.

Bloğu ekledikten sonra, bir listeden belirli ürünleri seçin veya tam olarak aradığınızı arayın.

Özenle Seçilmiş Ürünler Bloğu için seçenekler şunları içerir:

• Sütun sayısı — en fazla altı tane seçin
• Hizalama düğmeleri — düğmeleri içeriğin hemen altına düşecek veya hizalayacak şekilde ayarlayın
• Göster veya gizle:
  • Ürün başlığı
  • Ürün fiyatı
  • Ürün değerlendirmesi
  • Sepete ekle düğmesi

Kategori Bloğuna Göre Ürünler

Bu blok, belirli bir kategorideki veya birden çok kategorideki ürünleri görüntülemenize olanak tanır. Bu, ek içerik gerektiren hedeflenen açılış sayfaları veya kategori sayfaları için mükemmeldir. Ayarlar şunları içerir:

• Ürün kategorisi — görüntülenecek kategoriyi veya kategorileri seçin
• Sütun ve satır sayısı — ürün ızgara düzenini özelleştirin
• Düğmeleri hizala — düğmelerin içeriği hemen izlemesine veya dikey olarak hizalamasına izin verin
• Görüntüle veya gizle:
  • Ürün başlığı
  • Ürün fiyatı
  • Ürün değerlendirmesi
  • Sepete ekle düğmesi
• Tarafından sipariş:
  • yenilik
  • Fiyat
  • Değerlendirme
  • Satış
  • Menü sırası

Aşağıdaki örnek, 'müzik' kategorisinden bir satır ve beş sütuna sahiptir:

Ek ürün blokları

Yukarıda belirtilenlere çok benzer şekilde çalışan bazı ek ürün blokları vardır:

• Etikete Göre Ürünler — ürünleri etiketlere göre görüntüleyin
• Niteliğe göre Ürünler — niteliklere göre ürünleri görüntüleyin
• En Çok Oy Alan Ürünler — en iyi incelemelere sahip ürünleri sergileyin
• İndirimdeki Ürünler — indirimli ürünleri görüntüleyin
• En Çok Satan Ürünler — en çok satan ürünlerinizi sergileyin

Blokları gözden geçir

Müşterilerin yüzde altmış üçünün, incelemeleri olan bir siteden ürün satın alma olasılığı daha yüksektir. İnceleme blokları, sosyal kanıt sağlamak ve ihtiyaçlarınıza bağlı olarak satışları teşvik etmek için sitenizdeki müşteri incelemelerini öne çıkarmanıza yardımcı olabilir.

Tüm İncelemeler Bloğu

Tüm ürün incelemelerinizi bir kerede görüntülemek istiyorsanız ihtiyacınız olan blok budur. Bu bloğu ana sayfada incelemeleri vurgulamak, bir açılış sayfasında öne çıkarmak veya özellikle referanslar için bir sayfa oluşturmak için kullanabilirsiniz. Seçenekler şunları içerir:

• Görüntüle veya gizle:
  • Ürün başlığı
  • Ürün değerlendirmesi
  • yorumcu adı
  • Resim — ürün resmi veya yorumcunun gravatar
  • Gözden geçirme tarihi
  • İçeriği inceleyin
• Sıralama ölçütü — kullanıcılara şu ölçütlere göre inceleme siparişi verme seçeneği sunun:
  • en yeni
  • En yüksek puan
  • En düşük puan
• Başlangıç ​​inceleme sayısı — görüntülenecek inceleme sayısı
• Daha fazla yükle — daha fazla inceleme yükleme seçeneği sağlayın

Ürün ve Kategori bloklarına göre incelemeler

Bu bloklar, Tüm İncelemeler Bloğu ile aynı seçenekleri sunar, ancak belirli bir ürün veya kategori seçmenize izin verir. İncelemeleri blog gönderilerine veya sayfalarına dahil etmenin harika bir yoludur. Yeni bir albüm lansmanını mı teşvik ediyorsunuz? Söz konusu albüm için en iyi beş incelemeyi göster. Belirli bir ürün kategorisi hakkında bir blog yazısı mı yazıyorsunuz? Bu kategori için tüm değerlendirmeleri göster. Bu, site ziyaretçileriyle etkileşim kurmanın ve ürünlerinize güvenilebileceğini göstermenin güçlü bir yoludur.

Ürün Arama Bloğu

Potansiyel müşteriler sitenizi ziyaret ettiğinde aradıklarını hemen bulabilmelidirler. Belirli bir ürünü satın almak istiyorlarsa, isteyeceğiniz son şey, birbiriyle alakasız öğelerin olduğu sayfalar arasında gezinmek zorunda kalmalarıdır.

Ürün Arama Bloğu, özellikle ürünler için basit bir arama formu sağlar. Sitenizde görünür bir yere - mağazanızın ve kategori sayfalarınızın üst kısmına veya kenar çubuğuna - ekleyin ve alışveriş yapanların tam olarak istediklerini aramasına izin verin.

WooCommerce Blokları ile çevrimiçi mağazanızdan en iyi şekilde yararlanın

Ürünleri doğrudan açılış sayfalarına, blog gönderilerine ve diğer medya türlerine ekleyerek içerik pazarlamanızı bir sonraki düzeye taşıyın. Kullanıcılar, ilgilendikleri içerikle ilgili herhangi bir ek gezinme olmadan satın alma işlemi yapabilirler.

Blok Düzenleyici, kullanıcılara çevrimiçi mağazalarının düzeni ve tasarımı üzerinde muazzam miktarda esneklik ve kontrol sağlar. WooCommerce Bloklarımızla birleştirildiğinde, ürünler ve kategorilerden neredeyse ihtiyacınız olan her yere filtreler ve incelemelere kadar her şeyi ekleyerek gerçekten özel bir vitrin oluşturabilirsiniz!

WooCommerce için en son bloklarda güncel kalın