Divi ürün sayfanız için gereken öğelerin özeti
E -ticaret ürünlerinin her sayfası, düzgün çalışması için bazı temel öğelerin gerektirir. Çok iyi bir ürün sayfası tasarımı, önemli ve önemsiz unsurları içerir. Bu makalede, neyi dahil etmeniz gerektiğini anlamanıza yardımcı olmak için Divi ürün sayfası şablonunuz için gereken öğelere genel bir bakış göreceğiz. Ayrıca destekleyici unsurları ve Divi Builder ile her şeyin nasıl ekleneceğini göreceğiz. Başlayalım. E -ticaret web sitesi için wooCommerce yaklaşımı
İlk olarak, WooCommerce yaklaşımını e -ticaret web sitesine tartışalım. WooCommerce, ürünler hakkında çeşitli bilgi türleri sunan özel bir yazı türü yapar. Bunlar arasında ürün görüntüleri, açıklamalar, fiyatlar, satış bilgileri, arabaya düğmeler ekleme ve daha fazlası bulunur. Her ürün direği basit bir editörle yapılır. Bu, WooCommerce ürün postasının bireysel bir unsurudur. Başlıklar, görüntüler, açıklamalar ve fiyatlar gibi dinamik öğeler ürün düzenleyicisindeki alanlarına eklenir. WooCommerce Post türü ön uçta görüntülenir. Divi gibi inşaatçılar, ilginç bir düzen yapmak için bu öğeleri tek tek kullanabilirler. Divi ile WooCommerce WooCommerce’i etkinleştirdiyseniz, Divi Builder’a eklenen 25 WooCommerce modülü göreceksiniz. Bu modül, divi düzeninizin herhangi bir yerinde woocommerce öğelerini görüntülemenizi sağlar. Otomatik olarak dinamiktirler, bu nedenle belirli ürünler için bilgi görüntüler.Olağanüstü bir ürün sayfası oluşturmak için bunu sıradan bir divi modülü ile kullanabiliriz. Ürün sayfalarının işlevini sağlamak için bu modüllerin bazılarına ihtiyaç vardır, diğerleri ek özellikler sağlar. Divi Builder’daki 25 farklı WooCommerce modülüne erişebilmemize rağmen, ürün sayfalarının çalışması için hangi öğelerin gerekli olduğunu ve destekleyici özellikler yapan anlamamız gerekir. Bunu anlamaya yardımcı olmak için, modülü nasıl kullandığını görmek için Divi ürün sayfası şablonunu göreceğiz. Bu örnek için divi giyim mağazası düzeni paketi için ücretsiz bir ürün sayfası şablonu kullanıyorum. WooCommerce Modülü ve Ürün Sayfası Tasarımı İyi tasarlanmış ürün sayfası gerekli öğeleri birleştirecek ve bunlar sayfanın ana odağı olacak. Bu, sayfa tasarımı için bir hiyerarşi oluşturur. Bu hiyerarşi, kullanıcılara ürün hakkında ihtiyaç duydukları bilgileri verir ve kullanıcıyı satın alma işlemi boyunca yönlendirmeye yardımcı olur. Bunu görmek için sayfanın düzenine bakalım.
Bu, örneğimin tam ürün sayfası tasarımıdır. Bu, temel ve zorunlu olmayan unsurları içerir. Bu düzen üst, başlık ve destekleyici parçaları içerir. Genel olarak, önemli unsurlar sayfanın üst kısmındadır ve üst ve başlığı kaplar. Gerekli olmayan unsurlar temel unsurların altındaki alttadır. Ana unsurları desteklemeye ve artan satışları veya diğer CTA’yı teşvik etmeye yardımcı olurlar. Önemli ürün sayfalarının öğeleri şimdi, önemli ürün sayfası öğelerine daha yakından bakalım. Ne olduğunu, neden ihtiyacımız olduğunu ve Divi ürün sayfalarımızın düzenine nasıl ekleneceğini göreceğiz. Üst kısım sayfanın en üstünde başlayacağız. Giyim Mağazası Ürün sayfasının üst kısmı Woo Breadcrumbss ve Woo Bildirim Modülünü içerir.
Bu öne bakıyor. Bu örnekte, ekranın üstündeki kendi parçalarına yerleştirilirler. Ürün sayfası onlarsız çalışacaktır. Ancak, bu önemli bilgilerdir ve bu, kullanıcıların onu görmesi beklenen konumdur. Woo Breadcrumbs – Ziyaretçilere navigasyon yapısında olduklarını gösterin. Ekmek kırıntıları navigasyon için çok iyidir. Sayfa onsuz iyi çalışacaktır, ancak ekmek kırıntıları mevcut kategoriyi tanımlamak için çok iyidir. Woo Bildirimi – Arabaya bir ürün eklendiğini gösterir. Bu, kullanıcıya sayfanın kendilerine yanıt verdiğini geri bildirim verir. Ayrıca arabaya bir bağlantı sağlar. Başlık bölümü Sırada ürün sayfası düzenindeki başlık. Bu, ürün sayfasının ana kısmıdır ve sayfanın düzgün ve sorunsuz çalışması için tüm önemli öğeleri içerir.
İşte ön uçtaki sayfa tasarımının görüntülenmesi. Vurguladığım kısım önemli bir unsurdu. Bu öğeler ürün sayfalarını işlev görür. Bu öğeler şunları içerir: Woo Ürün Başlığı – Bu ürün başlığını gösterir. Woo Ürün Meta – Bu modül, ürün hakkında meta verileri gösterir. Hangi meta veri öğelerinin görüntülendiğini seçebilirsiniz. Ürün Resimleri Woo – Bu, tüm ürün galerisi resimlerini gösterir. Ürün satılıyorsa bu bir satış rozeti ekler. Ürün Açıklama Woo – Bu bir ürün açıklamasıdır. Kısa veya uzun açıklamalar arasında seçim yapabilirsiniz. Woo Ürün Fiyatı – Bu, mevcut ürün fiyatını gösterir. Ayrıca satılıyorsa orijinal fiyatı da gösterir. Woo Ürün Stoku – Bu modül envanterde mevcut olan stok miktarını gösterir. Woo Ürünü Sepete Ekle – Bu, ürünü sepete ekleyen bir düğmedir. Ürün Açıklaması Ürün Açıklama Ürün hakkında genişleme. Sayfa çalışması için bu gerekli değildir. Bunun yerine, bu, ürünlerin satışlarını destekler ve kullanıcılar bu bilgileri görmeyi umacaktır. Genel olarak, ne kadar çok bilgi ekleyebilirseniz o kadar iyidir. Bu ön uç gibi görünüyor. Açıklama alanını vurguladım. Bu: Woo Ürün Başlığı ile yapılır – Bu, başlıktaki ile aynı ürün başlığıdır, ancak stil, sayfanın hiyerarşisindeki konumuna uyacak şekilde farklıdır.
Ürün Açıklaması Woo – Uzun veya kısa bir açıklama görüntülemek için seçin. Genellikle başlıkta kısa bir açıklama ve açıklama bölümünde uzun açıklama için idealdir. Bu, bilgileri genişletmenizi sağlar. Woo Ürün Bilgileri – Bu, ürün hakkında ek bilgiler gösterir. Ayrıca bir başlık oluşturmak için birkaç metin modülü içerir. İsteğe bağlı ürün sayfasının öğesi, isteğe bağlı ürün sayfalarının öğelerini göreceğiz. Satışları artıran ürün sayfasına ekleyebileceğiniz birçok WooCommerce öğesi var. Bazıları bir wooocommerce modülü ile yapılır ve diğerleri standart bir divi modülü ile yapılır. Bu bölüm isteğe bağlıdır, ancak dahil edilmesi iyidir. Yukarıdaki resimde vurguladığım gibi, örnek düzenimizdeki en önemli unsurun altında gördük.
Bunlar şunları içerir: Woo Ürün Sıralaması – Bu, kullanıcı tarafından ürün için verilen yıldızların sıralamasını gösterir. Bazen önemli unsurlara veya referanslara ek olarak eklenir. İlgili Ürünler Woo – Bu, ilgili ürünlerin bir listesini gösterir. Görüntülenen ürün türünü ve sayısını seçebilirsiniz. Görüntülediği kategori, sıralama, sütun sayısı ve öğeleri seçin. Mağaza Kategorileri – Çeşitli mağaza kategorilerine bağlantılar genellikle resimler ve metin modülleri ile yapılır. Kullanıcıları en sevdikleri dükkan alanına yönlendiren CTA olarak çalışıyorlar. Woo Ürün İncelemeleri – Bu, kullanıcının bir inceleme yazabileceği alanla bir inceleme seçeneği ekler. Ayrıca diğer kullanıcılar tarafından yazılmış bir inceleme gösterir. Yıldızların sıralamasını göstermek için sahip olabilirsiniz.
Referanslar – Bu, kullanıcı tarafından e -posta veya başka bir şekilde gönderilen bir referansdır. Genellikle referans modülleri, kaydırıcılar, metin modülleri vb. İle yapılırlar. CTA – Harekete geçirme daveti CTA modülü, açıklama, görüntü, metin, düğmeler ve daha fazlası ile yapılır. Satışları, yeni ürünleri, gelecek etkinlikleri vb. Sergilemek için iyidirler. Optin E -posta – Bu, bülten listenizi yapmak için bir optin ve ideal e -posta modülü ile oluşturulur. Sosyal medyayı takip etmek için modüle sosyal simgeler eklenir. Sosyal takipçilerinizi geliştirmenin iyi bir yoludur. Bu örneğin örnekleri ilgili ürünler ve incelemeler içeren parçaları göstermektedir. Bir WooCommerce modülü ve görüntüler ve metin dahil olmak üzere çeşitli destekleyici modüllerle yapıldı.Bu bölüm, referansları ve harekete geçecek davetiyeleri içerir. Referanslar resimler ve kaydırıcılarla yapılır. CTA bir metin ve düğme modülü ile yapılır. Bu ayrıca bir e -posta seçeneği içerir. WOO Modülünü Ürün Sayfanızın Şablonuna Nasıl Eklenir WordPress kontrol panelinde divi> tema yapıcıları açarak ürün sayfaları oluşturun veya yükleyin. Yüklemek için taşınabilirlik seçin, içe aktarma seçin, JSON dosyanıza gidin ve şablon divi tema üreticisini içe aktarın.
Bir şablon yaparak bir şablon oluşturun ve tüm ürünlere ayarlayın. Özel gövdeyi oluşturun ve modülünüzü ekleyin.
Modülün kullanılabilir olması için WooCommerce’i etkinleştirdiğinizden emin olun. WooCommerce modülünüzü eklemek için Icon Plus Koyu Griyi tıklayın ve arama alanında “Woo” arayın. Mevcut tüm WooCommerce modüllerini göreceksiniz. Ücretsiz Ürün Sayfası Şablonu Nereden Alınır
