Divi ve WooCommerce'e Başlarken

WordPress web sitenizde ürün satmak için kararlı, güvenilir bir e-ticaret eklentisine ihtiyacınız olacak. WooCommerce alana hakim oldu ve anlaşılır bir şekilde öyle. Güçlü yerleşik özellikleri ve isteğe bağlı uzantı yelpazesiyle, tüm çevrimiçi mağaza sahiplerine çok şey sunar. Bu eklentiyi Divi'nin gücüyle birleştirin ve müşterileri çeken ve satış yapmaya yardımcı olan inanılmaz, ölçeklenebilir bir e-ticaret sitesi oluşturabilirsiniz.

Bu yazıda, WooCommerce'i neden sevdiğimiz ve neden Divi ile entegre olduğu hakkında ayrıntılara gireceğiz. Ayrıca nasıl kurulacağını da göstereceğiz ve Divi Shop modülünü kullanarak ilk ürününüzü yayınlamanız için size yol göstereceğiz. Başlayalım!

Neden WooCommerce'i Tavsiye Ediyoruz?

WooCommerce, tüm çevrimiçi mağazaların %42'sine güç sağlayan, son derece özelleştirilebilir bir e-ticaret eklentisidir. Esnekliği, onu hemen hemen her e-ticaret ortamı için mükemmel bir uyum haline getirir. Eklenti, fiziksel veya dijital ürünler (birden fazla nakliye ve ödeme seçeneğiyle birlikte) satmanıza olanak tanır ve hatta bağlı ürünleri satmak için bile kullanabilirsiniz.

Mükemmel bir dizi özelliğe, sezgisel bir arayüze ve inanılmaz bir uzantı yelpazesine sahiptir. Dahası, temel eklenti tamamen ücretsizdir, bu da onu bir çevrimiçi mağaza kurmak isteyen herkes için uygun bir seçenek haline getirir. Ayrıca (elbette) Divi dahil olmak üzere birçok WordPress temasıyla sorunsuz bir şekilde bütünleşir.

20 milyondan fazla indirme ile WooCommerce'in popülaritesi kendisi için konuşur. O e-ticaret Ürün Kataloğu ve Ecwid E-ticaret Alışveriş Sepeti dahil e-ticaret eklentileri, gelince Ancak, diğer seçenekler vardır. Öyle olsa bile, WooCommerce'in işlevsellik ve maliyet kombinasyonu göz önüne alındığında, birçok çevrimiçi satıcı için hala bir numaralı seçimdir.

Bunu göz önünde bulundurarak Divi'nin kutudan çıktığı anda tamamen WooCommerce uyumlu olmasını sağladık. Shop modülünü WooCommerce ile birlikte kullanarak bazı göz kamaştırıcı sonuçlar elde edebilirsiniz. Ayrıca, doğru uzantıları seçerek, diğer çözümlerle elde edilmesi zor olabilecek harika, benzersiz bir mağaza oluşturabilirsiniz.

WooCommerce Nasıl Kurulur

WooCommerce standart olarak sayısız seçeneğe sahip olsa da, kurulum sihirbazı sayesinde aslında çok basittir. Bu araç, gerekli sayfaları ayarlamanın yanı sıra mağaza, nakliye, vergi ve ödeme bilgilerini yapılandırma konusunda size yol gösterir.

Eklentiyi kurup etkinleştirdikten sonra, otomatik olarak kurulum sihirbazına yönlendirileceksiniz. Onu kaçırırsanız (veya henüz çalıştırmaya hazır değilseniz), daha sonra ekranın sol üst köşesindeki Yardım'a basarak ve ardından Kurulum Sihirbazı > Kurulum Sihirbazı'na giderek erişebilirsiniz:

Sihirbazda olduğunuzda, Let's Go! başlamak:

Sayfa Yapısı bölümü bilgi amaçlıdır ve birkaç temel mağaza sayfasının otomatik olarak oluşturulacağını bilmenizi sağlar:

Devam edersek , Mağaza Yerel Ayarı sayfasında mağazanızın konumunu, para birimini ve tercih edilen ağırlık ve boyut birimlerini belirtmeniz için alanlar bulunur:

Ardından, fiziksel ürünler gönderip göndermeyeceğinize ve satış vergisi alıp almayacağınıza karar vermeniz gerekir:

Son olarak, önemli Ödemeler sayfasına geliyoruz. Burada, zor kazanılan paranızı nasıl kabul edeceğinize tam olarak karar verebilirsiniz:

Artık tüm ayarlarınız girildiğine göre, Hazır! ilk ürününüzü oluşturmaya hazır olduğunuzu bilmenizi sağlayan sayfa:

Sihirbazı kullanmak hızlı ve basit olsa da, kontrol panelinizden WooCommerce > Ayarlar'ı seçerek ayarları manuel olarak değiştirmeyi seçebilirsiniz.

Her durumda, bu noktada ilk ürününüzü yaratmaya hazır olacaksınız – hadi nasıl yapılacağını öğrenelim.

Divi Shop Modülünü Kullanarak İlk Ürününüzü Nasıl Yayınlarsınız (4 Adımda)

WooCommerce'i Divi içinde kullanmanın birkaç yolu vardır. Örneğin, Divi Builder'a erişmeden veya bir Metin modülünde kısa kodlar kullanarak kullanabilirsiniz. Ancak, burada odaklanacağımız Shop modülü ile kullanmanızı öneririz.

Bu modül, ürün kategorilerinizle senkronize olur, böylece vitrininizi kolayca düzenleyebilir, düzenleyebilir ve ayarlayabilirsiniz. Ayrıca, ziyaretçileri çekmek için görsel olarak çarpıcı mağaza sayfaları oluşturabilmeniz için çok sayıda özelleştirme seçeneğiyle birlikte gelir. Bir ürün ekleyerek başlayalım.

Adım 1: Bir Ürün Ekleyin

Kurulum sihirbazını tamamladığınızda, sizden ilk ürününüzü yaratmanızı isteyecektir – sadece İlk ürününüzü yaratın! buton. Ancak, bunu atlayabilir Ürünleri giderek daha sonra ürünlerini oluştururken> WordPress gösterge tablosunda Ürün Ekle. Her iki durumda da, ürün girişinizi oluşturmak için yeni bir boş sayfa kullanacaksınız. Burada, başlık kutusuna ürün adınızı ve ana içerik alanına açıklamasını girin:

Ürün Verileri bölümüne gittiğinizde, Genel (fiyatınızı girdiğiniz yer), Envanter ve Kargo dahil olmak üzere birden çok sekme göreceksiniz. Bu sekmelerdeki her alanı gerektiği gibi doldurun:

Bunun hemen altında Ürün Kısa Açıklama bölümünü bulacaksınız. Bu, normal bir WordPress gönderisinden yapılan alıntıya benzer şekilde çalışır ve listeleme sayfalarında ürünün yanında görüntülenir.

Ekranın sağ tarafına geçerken resim ekleme seçeneğimiz var. Ürün Görseli bölümünde Ürün görseli ayarla seçeneğine tıklayın ve ürününüz için ana görseli yükleyin. Ürün Galerisi bölümüne başka görseller ekleyebilirsiniz:

Son olarak, Ürün Kategorisi bölümünde (aynı zamanda düzenleyicinin sağ tarafında) ürününüze bir kategori atamanız gerekir. Bu, Shop modülüne hangi ürünlerin görüntüleneceğini bildirdiği için önemli bir adımdır:

Son olarak, Yayınla ' yı tıklayın ve ilk ürününüzü yarattınız! Sırada, ürünlerinizi sergilemek için özel bir sayfa oluşturmak var.

Adım #2: Yeni Bir Sayfa Oluşturun

Ürünlerinizi bir Mağaza modülü kullanarak ekleyeceğiniz göz önüne alındığında, bunları eklemek için bir sayfaya ihtiyacınız olacaktır. Kurulum sihirbazından geçtiyseniz, WooCommerce otomatik olarak Shop adında boş bir sayfa oluşturacaktı. Henüz bir mağaza sayfanız yoksa (veya yeni bir tane oluşturmak istiyorsanız), WordPress panonuzda Sayfalar > Yeni Ekle'ye gidin, ardından düzeninizi oluşturmaya başlamak için Divi Builder'ı Kullan düğmesini seçin:

Sayfanızı nasıl tasarlayacağınız tamamen size bağlıdır – örneğin, sitenizin geri kalanının düzenini eşleştirmek veya önceden kaydettiğiniz herhangi bir düzeni kullanmak isteyebilirsiniz. Elbette, mağaza sayfalarınız için de tamamen farklı bir görünüm yaratmanıza engel olacak hiçbir şey yok – belki de ürünleri sergilemeye yardımcı olacak tamamen zıt bir stille.

Divi Builder'ı kullanmaya yeni başladıysanız, başlamak için belgelerimize göz atabilirsiniz. Divi ayrıca, biri tam aradığınız şey olabilecek, önceden oluşturulmuş iki mağaza düzeniyle birlikte gelir. Bunlara erişmek için önce Kitaplıktan Yükle'ye tıklayın:

Buradan iki mağaza düzenine gidin ve hangisini beğendiğinizi seçin:

Önceden tanımlanmış bir düzen seçerseniz, Mağaza modülü sizin için önceden eklenecektir. Ancak, özel tasarımlar için modülü kendiniz eklemek isteyeceksiniz.

Adım #3: Mağaza Modülünüzü Takın

Daha sonra sayfalarımıza ürün eklemek istiyoruz. Özel bir mağaza sayfası düzeni oluşturanlar için, ürününüzün görünmesini istediğiniz yere Modül(ler) Ekle'ye tıklayın:

Sonra, Dükkanı aşağı kaydırın ve:

Modülün düzenini özelleştirebileceğiniz Genel Ayarlar sekmesine geleceksiniz. İlk olarak, en son, en çok satan veya yalnızca tek bir kategori dahil olmak üzere hangi tür ürünleri görüntülemek istediğinize karar verebilirsiniz:

Bir ürün türü seçtikten sonra, hangi kategorilerin dahil edileceğini kontrol etmeden ve kaç sütunun görüntüleneceğini belirlemeden önce kaç tane ürün görüntülemek istediğinizi girin:

Son olarak, ürünlerinizin nasıl sıralanacağını, örneğin derecelendirme, tarih veya fiyata göre seçmenizi sağlayan, kurcalamak için Bölüme Göre Sıralama da vardır.

Son adım, modülünüzü uygun şekilde biçimlendirmektir.

Adım #4: Modülünüzü Stillendirin

Düzeniniz sıralandıktan sonra, onu şekillendirmeye başlayabilirsiniz. Bir dizi seçenekle karşılaşacağınız Gelişmiş Tasarım Ayarları sekmesine gidin:

Burada, Shop modülünüzü tam olarak istediğiniz gibi görünecek şekilde şekillendirmek için kapsamlı bir dizi seçenek sunulur. Örneğin, indirim rozeti, vurgulu, vurgulu yer paylaşımı ve yazı tiplerinin renklerini renk düzeninizle mükemmel bir uyum sağlayacak şekilde özelleştirebilirsiniz. Ayrıca yüzlerce vurgulu simge arasından seçim yapabilir, başlık ve fiyat yazı tiplerini değiştirebilir ve daha fazlasını yapabilirsiniz.

Ellerini kodla kirletmek isteyenler için, modül öğelerini daha da özelleştirmek için Özel CSS sekmesini kullanabilirsiniz. Her halükarda, biraz ilham arıyorsanız, bazı benzersiz stiller elde etmek için kullanışlı ipuçları sunan mağaza stili eğitimimizle birlikte inanılmaz Divi e-ticaret siteleri listemize göz atabilirsiniz.

Çözüm

Öne çıkmak için sitenizin çekici ve işlevsel olması önemlidir. Ürünlerinizi sergilemek için, aynı zamanda çarpıcı ve pratik sonuçlar veren hızlı ve kullanımı kolay bir çözüm isteyeceksiniz.

WooCommerce'i Divi's Shop modülüyle birlikte kullanmak, ürünlerinizi zaman alıcı olmadan güzel bir şekilde sergilemenizi sağlar. Eklentiyi yükledikten, etkinleştirdikten ve kurduktan sonra şunları yapmak isteyeceksiniz:

1. Bir ürün ekleyin.
2. Yeni bir sayfa oluşturun.
3. Mağaza modülünüzü takın.
4. Modülünüzü şekillendirin.

WooCommerce'i Divi ile kullanma hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde bize bildirin ve sohbeti takip edebilmek için abone olmayı unutmayın!

Zakharchenko Anna / Shutterstock.com'dan makale küçük resmi.