Gutenberg için ürün blokları olan yayınlara ve sayfalara ürün eklemeyi kolaylaştırır
Ürün bloğu, “WooCommerce’in Gutenberg editörünün gelişine hazırlık olan” Wootenberg “dediğimiz projenin ilk aşamasını temsil ediyor. Gutenberg? Eğer kaçırırsanız, Gutenberg, WordPress için görsel olarak yapılmış ve 5.0 sürümüne dahil edilmesi planlanan yeni bir içerik düzenleyicisidir. Bununla ilgili her şeyi okuyun ve Gutenberg özellik eklentisinin en son sürümünü indirin. Ürün bloğu nedir? Temel olarak, ürün bloğu, yakında hedef alacağımız Gutenberg dünyası için yapılmış ürün kısa kodunun modern bir versiyonudur. Ürün bloğu, çeşitli kaynaklardan ürün eklemek için sezgisel bir kullanıcı arayüzü sağlar, ardından seçimin yayınlandığında nasıl görüleceğine dair doğru önizlemeler sağlar. Düzeni ve sırayı ayarlayarak ürünün görünümünü de mükemmelleştirebilirsiniz.
Ürün blokları ile, yayınlara ve sayfalara hızlı ve kolay bir şekilde ürün ekleyebilirsiniz:
Bireysel Seçim Ürünleri
Belirli kategorilerden ürünler
Seçim Ürünleri
satış ürünü
Belirli özelliklere veya terimlere sahip ürünler
En iyi satışlar
En iyi sıralama ürünleri
Ya da sadece tüm ürünlerinizi ekleyin. Ürün bloğunun nasıl çalıştığını görmek için bu kısa videoya bakın:
Mevcut kısa kod deneyiminde dramatik bir artış, değil mi? Biz yapıyoruz! Mevcut eklenti ürün bloğunu alın, ürün bloğu yeni bir kavramdır ve Gutenberg’e bağlıdır. Gutenberg’in kendisi hala bir özellik eklentisi olduğundan, bir ürün bloğunu bir özellik eklentisi olarak da yayınlıyoruz. Bu şekilde, WooCommerce’in çekirdeğinden bağımsız olarak özellikler hızlı bir şekilde oluşturabiliriz – özellik eklentisi hakkında daha fazla bilgi edinin. En iyisi, bu, hepinizin yüklemesi ve oynaması için rahat bir yol sağlar. Not: Ürün bloklarını denemeye başlamak için Sitenizde WooCommerce ve Gutenberg çalıştırmalısınız.
Tasarım ve kodun istikrarından memnun kaldıktan sonra. Tüm Woocommerce mağazaları tarafından erişilebilmesi için bu özellikleri WooCommerce Core’da birleştireceğiz. O zaman, özellik eklentisini devre dışı bırakabilir ve silebilirsiniz ve özellik eklentisine eklediğiniz tüm ürün blokları etkin kalacaktır. Yaklaşımımız Gutenberg, Woocommerce gibi büyük eklentiler için birçok ilginç olasılık yarattı. Şimdilik, ürün ekleme gibi daha karmaşık görevlere geçmeden önce, Gutenberg tasarım desenleri ve hızla kod tabanları ile sağlam bir temel oluşturmamızı sağlamak için ilk araştırmamızın kapsamını sınırlamak önemlidir. Görünüşe göre, küçük projemiz bile beklemediğimiz fırsatlar buldu.
Ürün gönderiye veya sayfaya eklendikten sonra, tasarıma girmeden önce içerik araştırmanızı nasıl yayınladığınızı önizlemeyi göreceksiniz, doğru yöne gittiğimizden emin olmak için birkaç araştırma turu yapıyoruz. Bu, Gutenberg ile oynamak, tasarım ekibiyle görüşmek ve bugün Gutenberg ile diğer insanların WordPress topluluğunda ne yaptıklarını görmeyi içerir. Ürün kısa kodlarına odaklandığımız için farklı ürün kodlarını kullanan sitelerin yüzdesi, analiz ediyoruz 10.000 WooCommerce sitesinde kullanımları. En popüler kısa kod uygulamasının belirli ürünleri, ürün kategorilerini ve üstün ürünleri görüntülemek olduğunu öğreniyoruz. İlginç bir şekilde, çok az mağaza, en iyi sıralamaya, en iyi satış ürünlerine veya belirli özelliklere sahip ürünlere sahip ürünleri görüntülemek için kullanıyor gibi görünüyor. En popüler ürün kısa kodu uygulaması, belirli ürünleri, ürün kategorilerini ve üstün ürünleri görüntülemektir. İnsanların özellikleri gerçekten nasıl kullandıklarını görmek çok ilginçtir ve bu içgörü, hangi planın en önemli olduğunu bilmemize yardımcı olan anahtardır. Bu aynı zamanda varsayımlarımıza da meydan okuyor, böylece bir sonraki tasarım aşamasında neyin ele aldığımız hakkında bilgilere dayanarak kararlar verebiliriz. Tasarımımızın ilk turunun ilk turu, dükkan sahibinin sayfada veya yayında ürünleri görüntülemek isteyebileceğini araştırıyor. Mağaza yapımcıları ve mağaza sahipleri/yöneticileri ile röportaj yaptık, ürünü sabitlemek için birkaç test senaryosu yaptık, sonra eklentileri denemelerini ve tepkilerini ve geri bildirimlerini tartışmalarını istedik.
Tasarım sürecinin başlangıcında bu geri bildirimi yakalamak, geliştirmeye başlamadan önce, bir sonraki tasarım yinelemesini, müşterilerin ürünlerine girme ve görüntüleme beklentilerine daha uygun olacak şekilde bilgilendirin. Bu, daha fazla test için eklenti özelliğinin ilk sürümü ile ilerlememiz için bize güven verir. Bu test turundan elde edilen ana paketimiz, akışımız oldukça iyi olsa da, insanların blok ayarlarıyla etkileşime girerken problemler yaşadığıdır. Bu kısmen bulunabilecek bir sorundur, aynı zamanda aşırı düzenlemelerden dolayı da bir sorundur. Bu nedenle, birkaç seçeneği (ürün verilerinin görünürlüğü gibi – yakında Gutenberg çekirdeği aracılığıyla daha iyi idare edebileceğimiz bir şey) ve diğerlerini (ürün kapsamı seçmenleri gibi) ana blok ayar bölümüne taşıyarak sileriz. Blok yerleştirildikten hemen sonra görülebilir. Önceden ve sonra – daha az ayar ve ılımlı test ürünlerinin kapsamını değiştirmenin daha net yolları, özellik eklentisi hazır olduktan sonra ikinci tur ve tasarımımızı güncelledik, kullanımının testini ayarladık ikinci tur. Bu kez, test katılımcılarının bir prototiple değil, gerçek Gutenberg arayüzüyle etkileşime girebilmesi için doğrudan bir test ortamı hazırlıyoruz. İnsanların gerçekten gözlerini açan ve çok değerli ürünler kullanmasını izlemek.
İki ana dersin zoom mekânında gerçekleşen kullanıcı araştırma oturumunun alıntısı, özellikle ürün blokları ile ilgili değil, Gutenberg’in kendisiyle ilgilidir. Her test katılımcısı (çoğu daha önce hiç Gutenberg kullanmamıştır) blok eklerken sıkışmış ve daha fazla ayar bulmakta zorluk çeker. Testimizin sonuçlarını Gutenberg ekibiyle paylaşıyoruz, ikinci soruna iyileştirmeler uygulandı ve şu anda birincinin üstesinden gelmek için tasarım seçeneğini araştırıyoruz. Ürün bloğunun kendisi için yabancı adımların kendisi için bazı ayarlamalar yapıyoruz. Seçim sırasında kullanıcıdan daha fazla girişe ihtiyaç duymayan ürünler görüntülenirken – üstün ürünler görüntülemeyi seçerseniz, bir kategori seçerken onaylamak için ek işlemlere ihtiyacımız yoktur. Ayrıca, ekrandaki ürünün kapsamını değiştirmek için tutarlı bir grafik olmadığını ve test katılımcılarının bu düzenleme için farklı bir yerde arandığını, böylece ilk blok ayarlarına daha fazla yol ekliyoruz.
Düz kapsama alanı ürün satışlarını veya en iyi satış kitabı içerir – fark yoktur. Çeşitli kapsam, seçim işlemi sırasında kullanıcıdan daha fazla girdi gerektirir.
