Divi Eklentisi Vurgusu: Divi BodyCommerce

Divi BodyCommerce, ürün sayfasından ödeme sayfasına ve aradaki her şeye kadar mağazanızın tasarımı üzerinde kontrol sahibi olmanızı sağlayan Divi için üçüncü taraf bir eklentidir. Dönüşümler düşünülerek tasarlanmıştır ve Divi Builder'ı kullanarak mağazanızın tasarımı üzerinde tam kontrol sahibi olmanızı sağlar.

Bir eklenti, bunun kadar çok modül ve özellik sunduğunda, kullanımı bunaltıcı olma eğilimindedir. Ancak, her şeyi takip etmek kolay olduğu ve gördüğüm herhangi bir eklentiden daha fazla adım adım video olduğu için bu bir sorun değildi. Bu yazıda Divi BodyCommerce'e bir göz atacağız ve neler yapabileceğini ve kullanımının ne kadar kolay olduğunu göreceğiz.

Divi BodyCommerce Kurulumu ve Ayarları

Eklentiyi normal şekilde yükleyin ve etkinleştirin. Lisansı etkinleştirmek için gösterge tablosu menüsünde Divi Engine > BodyCommerce Lisansı'na gidin.

Pano menüsünde BodyCommerce'e tıklamak ayarları açar. Bunlar, WooCommerce için görmeyi beklediğiniz ayarlarla aynıdır. Burada sayfalarınızı seçebilirsiniz. Bu sayfalar için layoutları oluşturduktan sonra bu ayarlar sayfasına gelin ve seçin. Ayrıca sayfaları tam genişliğe ayarlayabilir ve her kategori için farklı bir ürün şablonuna sahip olmayı seçebilirsiniz.

Divi BodyCommerce Modülleri

Divi Builder'a 53 yeni modül eklendi. Bunlar, ürün sayfaları, hesap sayfaları, arşiv sayfaları, alışveriş sepeti vb. dahil olmak üzere WooCommerce mağazanızın her yönünü tasarlamanız için ihtiyaç duyduğunuz tüm öğelerdir. Gözden kaçırmamanız için renk kodludurlar. Renkler aslında modüllerin ne için olduğunu gösterir. Örneğin, kırmızı modüller ürün sayfaları içindir. Bazıları, iki tür sayfayla çalıştıklarını göstermek için bir degrade kullanır. Bu resim ilk 24 modülü göstermektedir.

İşte sonraki 29 modül. Modüller, yukarı satışlar, çapraz satışlar, kaydırıcılar, ilgili ürünler, karuseller, galeriler, paylaşım, sekmeler, içerik kırıntıları ve çok daha fazlası gibi sayfa öğeleri ekler. Döngüler, mağaza sayfalarınızı oluşturmak için ürün listeleri oluşturur. Beklenen İçerik, Tasarım ve Gelişmiş sekmeleri ve seçenekleri içerirler.

Not – Bir sayfa yüklenmezse, o sayfada o sayfada çalışmak üzere tasarlanmamış bir modül kullanmadığınızdan emin olun. Bazı modüller geneldir ve herhangi bir sayfayla çalışır, ancak diğerleri belirli sayfa türleri içindir. Örneğin, bir döngü sayfasında ürün sayfası modülünü kullanamazsınız.

Sayfa Oluşturma ve Atama

Sayfanın nasıl oluşturulacağına ve o kategori için varsayılan olarak nasıl ayarlanacağına bakalım. İlk olarak, Divi Kitaplığında düzeni oluşturun.

Ardından, gösterge tablosu menüsünde Divi Engine > BodyCommerce'e gidin. Oluşturmakta olduğunuz sayfa türü için sekmeyi seçin ve ardından o sayfa için düzeninizi seçin. İstediğiniz kadar düzen oluşturabilir ve bunları farklı sayfa türleri ve ayrı kategoriler için kullanabilirsiniz.

Divi BodyCommerce Örnekleri

İşte oluşturduğum birkaç örnek. Bu, bu eklenti ile yapılabileceklerin sadece küçük bir örneğidir.

Divi BodyCommerce Mağaza Sayfası

Mağaza sayfası için bir ürün döngüsü arşiv sayfaları modülü ekledim.

İşte varsayılan ayarlara sahip sayfa. Öğelerin her biri Divi Builder ile ayarlanabilir.

İşte Çay Dükkanı düzeni içinde. Bu, limit dışında varsayılan ayarlardır. 6 ürün gösterecek şekilde ayarladım.

Bazı öğeleri canlı olarak ayarlayabilirsiniz.

Satış rozetine ve düğmelere yeşil arka planlar ekledim, düzeni 6 sütun gösterecek şekilde ayarladım, ürünlere bir kutu gölgesi ekledim ve yeşil bir kaplama ekledim. Düzen için seçeneklerin sayısından etkilendim.

Bu, blog stili düzenidir. Daha uzun ürün açıklamalarınız olsaydı harika görünürdü.

Divi BodyCommerce Ürün Sayfası

Divi Kitaplığında bir ürün sayfası düzeni oluşturdum ve bunu BodyCommerce ayarlarında varsayılan düzen olarak seçtim. Bu, modüllerin neler yapabileceği hakkında bir fikir edinmek için yalnızca temel bir düzendir.

Çok basit, ama başlamak için iyi bir yer. Ürünün başlığını, galerisini ve kaydırıcısını gösterir.

Rastgele birkaç ürün sayfası ve global modül daha attım.

BodyCommerce ile yapılabilecekleri göstermeye başlıyor. Bu sayfada biraz Divi yapalım.

Divi Builder ile birkaç basit ayar. Tek yaptığım, bölüme ve satıra bir arka plan eklemek ve düğmeler ve arama alanı için kenarlıkları ayarlamak.

Bunda ilgili ürünler için yeni bir satır ekledim ve arama modülünü o satıra taşıdım. Ayrıca ürünün düzenini değiştirdim ve ürün resmini galeri olarak değiştirdim. Dikey kaydırmaya ayarladım. WooCommerce demosunda bu ürün için daha fazla resim olsaydı, bunlar solda dikey bir sütunda görüntülenirdi. Bu, ürün sayfalarıyla yapılabilecek ayarlamaların sadece yüzeyini tırmalamaktan başka bir şey değil.

Divi BodyCommerce Alışveriş Sepeti

Fırın düzenindeki iletişim sayfasını kullanarak bir alışveriş sepeti sayfası oluşturuyorum. Sepet Ürünleri ve Sepet Toplamları modüllerini kullanıyorum. Visual Builder'da görüntülerken içeriklerini görüntülemezler, ancak yine de Visual Builder'da oluşturabilirsiniz. Modüller, çapraz satış gibi birçok başka özellik sağlar.

İşte varsayılan ayarları kullanan alışveriş sepeti. Tek bir 2 sütunlu düzende iki modüle sahibim.

İşte birkaç değişiklikten sonra alışveriş sepeti sayfası. Tek sütun düzenine geçtim, sağa ve sola biraz boşluk ekledim, düzenden bir arka plan rengi ekledim, düğme renklerini ve metin renklerini düzene uyacak şekilde değiştirdim ve bir kutu gölgesi ekledim.

Divi BodyCommerce Belgeleri

Belgeler, geliştiricinin web sitesinde yazılı olarak ve YouTube'da bir dizi video ile sağlanır. Her ikisini de içermesi hoşuma gidiyor. Bağlantılar, Divi Engine kontrol paneli menüsünde sağlanır. Geliştiricinin web sitesindeki özelliklerden herhangi birine tıklayarak videoları da görebilirsiniz. Bu, ihtiyacınız olan videoları bulmak için ilginç bir yapı oluşturur. Aslında görmek istediğim videoları bu şekilde buldum.

Divi BodyCommerce Fiyatı

BodyCommerce, aralarından seçim yapabileceğiniz üç lisansa sahiptir:

• 1 site – 24 £
• 5 site – £50
• Sınırsız site – 96 £

BodyCommerce'i geliştiricinin web sitesinden satın alabilirsiniz.

Biten Düşünceler

Divi BodyCommerce, WooCommerce ürün ve sayfa tasarımları üzerinde etkileyici bir kontrol düzeyi sağlar. Yapabileceklerine zar zor değindim. Ayrıca giriş ekranını, rozetleri, hesap sayfalarını, teşekkür sayfalarını, formları, arama sayfalarını ve daha fazlasını özelleştirebilirsiniz. Hatta alışveriş sepeti için e-posta şablonları, özel simgeler, renk örnekleri ve AJAX içerir. Her kategori için farklı bir düzen oluşturabilmeyi seviyorum.

Modüllerin ve yerleşimin kullanımı kolaydı. Örneklerimi oluşturmak için geliştirici sayfasındaki videoları takip ettim. Videolar detaylı ve takip etmesi kolaydı. İstediğim herhangi bir sayfa türünü oluştururken sorun yaşamadım.

BodyCommerce, şimdiye kadar gördüğüm herhangi bir WooCommerce/Divi eklentisinden daha fazla araç ve özelleştirme sağlıyor. WooCommerce'i Divi ile kullanıyorsanız ve WooCommerce sayfalarınızı özelleştirmek istiyorsanız, BodyCommerce kolay bir seçimdir.

Senden duymak istiyoruz. Divi ve WooCommerce için BodyCommerce'i denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Letters-Shmetters / Shutterstock.com aracılığıyla Öne Çıkan Görsel