Woobuilder Block İncelemesi: Gutenberg ile WooCommerce Ürün Sayfası Oluşturun

WooCommerce mağazasını çalıştırırsanız, mümkün olduğunca çok satış elde edebilmeniz için her zaman en iyi ürününüze öncelik vermek istersiniz. Ancak WooCommerce’in tek ürün sayfası söz konusu olduğunda, temanızla birlikte önceden yapılmış tasarımla oldukça sınırlısınız. Peki ya tasarımı, bir ürün, ürün kategorisi veya tüm ürünleriniz için ayarlamak istiyorsanız? Woobuilder bloğu, yeni sürükle ve bırak WordPress blok düzenleyicisini (diğer adıyla Gutenberg) kullanarak tek WooCommerce ürün sayfalarınızı ayarlama olanağı sağlar. Woobuilder Block İncelememizde, özellikleri hakkında daha fazla bilgi vereceğim ve bu aracın Real WooCommerce mağazasında nasıl çalıştığını göstereceğim.
Woobuilder Block İncelemesi: Woobuilder Block’tan Temel Öncül Özelliklerin Listesi Oldukça Basittir – Yeni WordPress Editor (Gutenberg) bloğunu, tek bir ürün için editör bloğunu etkinleştirerek tek bir ürün sayfasını tasarlamak için kullanmanızı sağlar ve size erişmenizi sağlar. Set WooCommerce Block Ürün Detayları. Bunu şöyle bir ürün sayfası tasarlamak için kullanabilirsiniz:

Ya da bunun gibi:


Aşağıda bağlı makaleler
Ya da ne istersen gibi! Mesele bu – kendi tasarımınızı yaratabilirsiniz. Ancak işlevselliğin anlaşılması kolay olsa da, sonuçlar yeterince güçlüdür, çünkü size WooCommerce ürünlerinizin tamamını veya bir kısmını tam olarak ayarlama yeteneği sağlar.
Tasarımınızın nerede göründüğünü kontrol etmek için, yaptığınız şablonu belirli ürünlerin taksonomisine otomatik olarak uygulayabilirsiniz. Örnek olarak:
X kategorisindeki tüm ürünler
Tag Y ile tüm ürünler
Ayrıca, aciliyeti teşvik etmek için sayma süresi gibi yararlı olan birkaç yeni blok elde edersiniz. Ayrıca, tüm sıradan blokları ve üçüncü taraflı bir eklenti ile eklediğiniz tüm blokları da kullanabilirsiniz. Yeni içerik eklemek için size çok fazla esneklik sağlar. Örneğin, memnun müşterilerden bir video galerisi veya referans sunabilirsiniz. Ayrıca, her zamanki Gutenberg bloğu gibi yanda basit bir stil seçeneği alacaksınız. Woobuilder Block Yol Haritası Bu incelemeyi yazdığımda bu özellikler yayınlanmamış olmasına rağmen, geliştirici yapılanlar için bir ürün yol haritası yayınladı. Kısa vadede:
Girip ayarlayabileceğiniz ön tasarım şablonları
Daha Fazla Ürün Galerisi Düzeni Seçenekleri
Gelişmiş ürün düzeni bloğu
Ve uzun vadede, tek WooCommerce ürününe ayrı testler ekleme planı var. Bu, en iyi dönüşümü üreten tasarımları bulmak için çeşitli tek ürün düzenlerini test etmenizi sağlayan çok ilginç bir özelliktir.
Kontrol etmeye hazır mısınız? Hadi düz gidelim ve nasıl çalıştığını göstereceğim …
Aşağıda bağlı makaleler

Woobuilder bloğu ile pratik: Woobuilder bloğunu kullanmak için her şey nasıl çalışır, aynı geliştiriciden (PootlePress) ücretsiz Caxton eklentisini yüklemeniz gerekir. Caxton, daha karmaşık bir düzen oluşturmanıza yardımcı olan Gutenberg bloklarının bir koleksiyonudur ve woobuilder bloğu üçüncü taraf eklentilerinden bloklar kullanmanıza izin verdiğinden, bu size Woocommerce ürününüzü tasarlamak için daha fazla esneklik sağlar. Woobuilder ve Caexton bloklarını yükledikten ve etkinleştirdikten sonra, oluşturmaya başlamaya hazırsınız. Tek ürün sayfalarınızı tasarlamanın iki yolu vardır:

Ürüne otomatik olarak uyguladığınız bir şablon oluşturabilirsiniz.
Her ürün için gerçekten benzersiz bir tasarım tasarlayabilirsiniz
Yaklaşım ne olursa olsun, aynı şekilde başlayacaksınız, bu da ürünü sitenizdeki açmak ve Woobuilder Block düğmesini etkinleştirecek:
WoObuilder Block’u kullanma WoObuilder Block’u etkinleştirir, bir yazı veya sayfa oluşturmak için kullandığınız WordPress Block Düzenleyici Arabirimini açar. Aslında, bu yaklaşımla ilgili eğlenceli şeylerden biri – yeni bir arayüz öğrenmenize gerek yok:
Ürününüzü tasarlamak için, Caxton eklentisinden bir dizi yeni woobuilder bloğu ve blok ile birlikte tüm sıradan WordPress bloklarını kullanabilirsiniz:

Toplamda, Woocommerce ürününüz için özel bir blok elde edersiniz …

Aşağıda bağlı makaleler

Başlık

Düğme sepetine ekle

Görüntüler
Fiyat
Gözden geçirmek
İlgili ürünler
Sekme
Kısa açıklama
Meta bilgileri (örneğin ürün kategorileri)
Sıralama
Contenting Conge – Satış ek olarak geri sayarak aciliyet eklemenin doğru yolu, aynı zamanda düzeninize yardımcı olan bir Caexton bloğu da alacaksınız. Kadence bloğu burada başka bir iyi seçenek olacak, çünkü eklenti size çok iyi düzen seçenekleri sunuyor.
Örneğin, Caxton ile iki basit sütunun bir düzeni yapabilirsiniz:
Ardından, ürününüzün ayrıntılarını eklemek için woobuilder bloğunuzu iki sütuna ekleyebilirsiniz. Eğlenceli bir şey, Woobuilder’ın daha fazla görsel deneyim yaratmaya yardımcı olan gerçek ürün ayrıntılarını dinamik olarak ekleyeceğidir. Yani, bir fiyat bloğu eklerseniz, genel bir içerik değil, düzenlediğiniz ürünün gerçek fiyatını görüntüler. Sol sütunun görüntüleri ve bilgi meta olduğu ve sağ sütunun başlık, fiyat ve düğmeye sahip olduğu basit bir örnek, arabaya eklenti:
Ve ön uçta görürseniz, tema stiliyle birlikte düzeni görebilirsiniz:

Stilden bahsetmişken, düzenin biraz daha iyi görünmesini sağlayacağınız hakkında konuşalım … Tasarımınızı düzenlemek için woobuilder blok tasarımınızı düzenleyin, her blok için yan yana renk kontrolü ve tipografi alacaksınız:

Farklı blokların ek seçenekleri olacaktır. Örneğin, sepete blok ekle, düğmeye ve girişe bir anahat eklemenize olanak tanır. Ayrıca, diğer tüm blokları da kullanabileceğinizi unutmayın. Örneğin, farklı öğeler arasında bazı boşluklar eklemek için orijinal ara bloğu kullanabilirsiniz.

Bunu yaptıktan sonra, ürün sayfasında nefes almak için biraz daha fazla alana sahip olacaksınız: Bir kez daha fazla blokla bir şeyler, gerçekten temiz woobuilder blokları olan şeylerden biri size izin verir. Örneğin, ürününüzü göstermeye yardımcı olmak için ürün sayfanıza LightBox açılır videoları eklemek istersiniz. Arka uçta bir blok ekleyeceksiniz (bunun gibi video bloklarına erişmek için bir istiflenebilir kullanıyorum). Ve sonra Voila – Ürün sayfanıza uyan Lightbox pop -up videosu:

Veya woobuilder bloklarından daha fazla blok da getirebilirsiniz. Örneğin, satış sayaçları bloğu, ürün satılırken mağazanıza aciliyet katmanın çok iyi bir yoludur:

Tasarımınızı bir şablon olarak nasıl kaydedersiniz, tasarımınızı yalnızca bir ürün için kullanmak istiyorsanız, tek yapmanız gereken ürünü güncellemek ve bitirmek. Ancak, düzeninizi çeşitli ürünlerde yeniden kullanmak istiyorsanız, şablon olarak saklamayı seçebilirsiniz:
Bunu yaparken, ürünleri açarak tüm şablonlarınızın bir listesini görebileceksiniz → tüm şablonlar. Ve şablonu düzenlediğinizde, hangi ürün kategorilerinin ve etiketlerin uygulanacağını seçebilirsiniz:

Örneğin, bunu aksesuar kategorisine uygularsam, bu kategorideki tüm ürünler şablonu otomatik olarak benimser. Belirli bir taksonomiye sahip tüm ürünlere bir şablon uygulamak istemiyorsanız, tek tek ürünleri düzenlerken şablonu hızlı bir şekilde uygulayabilirsiniz. Woobuilder Woobuilder Blocks Block’un fiyatı dört paket sunuyor. Tüm paketlerin tam özellikleri vardır, tek fark onu kullanabileceğiniz sitelerin sayısıdır: 1 site-49 $

5 Site – 75 $

25 site – 99 $

Sınırsız Site – 199 $

Woobuilder Woobuilder Blocks Block hakkındaki son zihin, yeni WordPress blok düzenleyicisini WooCommerce’e entegre etmenin çok temiz bir yoludur. Bir Elementor veya Beaver Builder gibi bir eklenti üreticisine ihtiyaç duymadan, ürün sayfanızın tasarımı üzerinde tam kontrol sahibi olabilirsiniz. Bunun çok güçlü olduğu yerlerde, Woobuilder blok bloğunu üçüncü taraf geliştiricileri tarafından yapılan tüm yeni yenilikçi bloklarla birleştirmektir. Kombinasyon size çok fazla esneklik sağlar, yeni bir arayüz öğrenmeye gerek kalmadan her şey. Genel olarak, temel önermeyi seviyorsanız – Gutenberg Block Düzenleyicisi ile tek bir WooCommerce Ürün sayfası oluşturun – denemelisiniz. Her şey testimde mükemmel çalışıyor ve ürün yol haritası gelecekte çok ilginç görünüyor (özellikle ayrı test işlevi). Başlamak için aşağıya tıklayın: Woobuilder Block’u alın