Divi’deki Wooocommerce Ürün Sayfası Nasıl Ayarlanır
Divi kullanıyor musunuz ve dönüşüm seviyenizi artırmak için ürün sayfalarınızı düzenlemek mi istiyorsunuz? Doğru yere geldin! Bu kılavuzda, Divi’deki WooCommerce ürün sayfalarını ayarlamanın çeşitli yollarını göstereceğiz. WooCommerce, orada en iyi e -ticaret aracıdır. Doğru eklenti ve optimize edilmiş WordPress teması, başarılı bir WooCommerce mağazasına sahip olan ilk adımdır. Ancak bu başarılı bir işletmeye sahip olmak için yeterli değildir. Mağazanızı bir sonraki seviyeye getirmek için en önemli kısmı ayarlamanız gerekir. Mağaza sayfalarının ve ödeme sayfalarının nasıl düzenleneceğini gördük, bu yüzden bugün size Divi’deki WooCommerce Ürün sayfasını nasıl ayarlayacağınızı göstereceğiz.
Neden WooCommerce Ürün sayfasını ayarlıyor? Ürün sayfası, mağazanızda sattığınız öğeleri görüntülediğiniz yerdir. İşletmenizi yapabilir veya yok edebilir, böylece dönüşüm seviyenizi artırmak için optimize etmek için zaman ayırmanız gerekir. Varsayılan olarak, WooCommerce eklentisi özel bir ürün sayfası şablonu ile birlikte gelir. Bu yüzden GeneratePress veya AVADA gibi kompleks gibi basit temalar kullanıyor musunuz, ürün sayfalarının elemanları ve tasarımı aynı olacak. Bu yüzden müşterinize bir izlenim bırakmak istiyorsanız, varsayılan Woocommerce ürün sayfasını ayarlamanız gerekir.
Ürün sayfasının rengini ve elemanını değiştirmek iyi bir başlangıçtır, ancak yapabileceğiniz çok daha fazlası vardır. Seçeneklerden biri, özel bir tasarıma sahip yeni bir ürün sayfası şablonu oluşturmaktır. Biraz PHP, HTML ve CSS ile ürün sayfalarınızı tamamen yeniden tasarlayabilirsiniz. Ancak, Divi kullanıyorsanız, çok daha iyi bir seçenek vardır. Divi teması, Divi Builder adlı kendi özel sayfa yapımcısı ile birlikte gelir. Bu, tek bir kod satırı yazmadan WooCommerce ürün sayfasını ve sitenizin her santimini kolayca ayarlamanızı sağlar. Nasıl yapılacağına daha yakından bakalım. Bu gösteri için Divi’deki WooCommerce Ürün Sayfası Nasıl Ayarlanır, Divi Builder eklentisini ürün sayfalarımızdaki tüm değişiklikleri yapmak için kullanacağız. Başlamadan önce, Sitenizde Divi Builder ile Divi’yi yüklediğinizden emin olun.
Divi Builder ile Divi’deki Woocommerce ürün sayfanızı ayarlamaya başlamak için görsel bir düzenleyiciyi etkinleştirin, düzenlemek istediğiniz ürün sayfasını açın. Sayfa açıldıktan sonra, yönetici çubuğunda Visual Düzenleyiciyi Etkinleştir adlı düğmeyi göreceksiniz. Divi Builder’ı etkinleştirmek için tıklayın.
Ek Bilgiler
Galeta unu
Sepet bildirimi
Bilgi
Galeri
Görüntüler
Meta
Fiyat
Sıralama
ilgili ürünler
Gözden geçirmek
Paylaşmak
Sekme
Başlık
Artırmak
Bu modüllerden birini sayfanıza ekleyebilir ve tıklayarak daha kullanıcı dostu hale getirebilirsiniz. Buna ek olarak, Divi Maker’ın en son sürümü WooCommerce ile çok iyi çalışır, böylece herhangi bir modülü kolayca ayarlayabilirsiniz. Düzenleyebileceğiniz bazı şeylere bakalım. 1. İncelemelerimizi gösterin veya gizleyin. Basit bir şeyle başlangıçımız. Yukarıda görebileceğiniz gibi, yıldız sıralama özelliklerini kolayca görüntüleyebilir veya gizleyebilir ve müşteri incelemelerinin sayısını kapatabilirsiniz. İnceleme öğesini tıklamanız ve ardından Ayarlar simgesine basın. Ardından Element bölümüne gidin ve yıldızların sıralamasını ve müşteri incelemelerinin sayısını görüntüleme veya gizleme seçeneğiniz olacaktır. Çevrimiçi müşterileriniz arasında güven yaratmak için, ürün sayfasında yıldız sıralamalarını ve incelemelerini görüntülemenizi öneririz. 2. Galerinin modifikasyonu artık bir resmin bin kelimeye bedel olduğu bir sır değil. Bu nedenle dönüşüm seviyenizi artırmak için ürün sayfanıza bir ürün galerisi eklemek iyidir. WooCommerce bu özelliği varsayılan olarak içerir, bu nedenle tek yapmanız gereken resimler ürün sayfasına yüklemek veya medya sayfasından seçim yapmaktır. Ürün sayfasını resminizle güncelledikten sonra şöyle görünecektir:
Herhangi bir nedenden dolayı her ürünün yalnızca bir resmini görüntülemek istiyorsanız, Divi Builder ile herhangi bir ürün galerisini gizleyebilirsiniz. Galeri tıklayın, Ayarlar simgesine basın, öğeyi açın ve galeriyi devre dışı bırakma seçeneğiniz olacaktır. Ayrıca, üstün görüntüleri ve satış rozetlerini gizleyebilirsiniz. Görüntünün satış yaparken ne kadar önemli olduğu göz önüne alındığında, her ürününüz için en az 3-4 resim eklemenizi öneririz. 3. Üstün Görüntülerin Değiştirilmesi Divi’deki WooCommerce ürün sayfasını ayarlamanın bir başka ilginç yolu, üstün görüntüleri düzenlemektir. İlk izlenim önemlidir, bu nedenle ürününüz için ilginç bir özellik görüntüsü seçmeniz gerekir. Bu resim aynı zamanda mağaza arşivi sayfasında da görülecektir. Bir Divi Maker kullanarak üstün resim seçeneğini açtığınızda, üstün görüntü ve satış rozetini değiştirebilirsiniz. Daha önce de belirttiğimiz gibi, dönüşüm seviyeniz üzerinde büyük bir etkisi olabileceğinden ilginç bir üstün görüntü göstermenizi öneririz. . 4. Ürünü arabaya eklemek için sepete ekle düğmesini değiştirin, kullanıcının arabaya ekle düğmesini tıklaması gerekir. WooCommerce, manilden bir düğme ekleyerek bir düğme ekleyerek bir miktar düzlemi ile birlikte gelir, böylece manuel olarak bir düğme yapmanıza gerek yoktur. Bu bölümde, bir divi üreticisi ile arabaya ekle düğmesini nasıl değiştirebileceğinizi göstereceğiz. Element altında iki ana seçenek göreceksiniz. Miktar alanı Paylaşmak
Kullanıcılara ürün sayısını seçme seçeneği vermek istiyorsanız, miktar alanını olduğu gibi bırakın. Ancak, örneğin çevrimiçi kurslar satıyorsanız, ürün sayfalarından gelen rahatsızlıkları ortadan kaldırmak için miktar seçeneğini devre dışı bırakmak isteyebilirsiniz.
Gördüğünüz gibi, miktar alanını kapattıktan sonra alan kaybolacaktır. Bu ürün sayfasında, stok seçeneklerini görmek için bir seçeneğimiz yok, ancak sitenizde stok görüntülerseniz, aynı şekilde etkinleştirebilir veya devre dışı bırakabilirsiniz. 5. İlgili ürünlerde değişiklik uygulamak, ilgili ürünleri sergilemek, satışlarınızı artırmanın iyi bir yoludur. Genellikle WooCommerce, varsayılan olarak ana öğe kategorisine göre ilgili ürünleri görüntüler. Ancak, temanız veya şablonunuz ilgili ürünleri görüntülemiyorsa, sizin için bir çözümümüz var. Ürün sayfalarını nasıl ayarlayabileceğinize ve Divi ile ilgili öğelerle yeni satır ekleyebileceğinize bakalım. İlk olarak sayfaya yeni satır ekleyin. Bu öğretici için bir satır ekleyeceğiz, ancak mağazanız için daha uygun bir stil seçebilirsiniz.
Bundan sonra, aşağıda gösterildiği gibi WooCommerce ile ilgili bir ürün modülü ekleyin.
İlgili ürün bölümünün sayfaya ekleneceğini göreceksiniz. Ardından, düzeni ve rengi ayarlayabilirsiniz. İlgili ürünleri görüntülemiyorsanız, denemenizi öneririz. Kolayca hazırlanırlar ve satışları artırmanıza yardımcı olabilirler. 6. Toggle Toggles ekle, ürün sayfanızdaki bilgileri temiz tutarken görüntülemenin en iyi yoludur. Divi’de bir geçiş modülü kullanarak bir anahtar ekleyebilirsiniz. Bu bölümde, ürün açıklaması altında nasıl bir anahtar modülü ekleyeceğinizi göstereceğiz.
Bir anahtar eklemek için iki ana şeye ihtiyacınız var. Başlık Gövde Bu gösteri için, ürünün adını geçiş başlığı olarak ve ürün açıklamasını geçiş ajansı olarak kullanacağız. Bunu yapmak için, sağdaki veritabanı simgesini tıklamanız yeterlidir ve veritabanında çeşitli içerik türlerini görürsünüz. Başlık için, ürün başlığı/arşivini başlık olarak seçeceğiz, ancak ihtiyaçlarınıza en uygun içerik türünü seçebilirsiniz.
Şimdi aynı şeyi vücut için yapalım. Veritabanı simgesine basın ve menüden Ürün Açıklama seçeneğini seçin. Bunu kaydettikten sonra, ürün sayfanızda ürün hakkında daha fazla bilgi görmek için kullanıcılar tarafından bastırılabilecek basit bir anahtar modülü göreceksiniz.
Divi ayrıca başlıklar ve açıklamalar, yazı tipleri, renkler vb. Etrafında oynamanızı ve ürün sayfalarınızı anahtara ayarlamanızı öneririz. Wooocommerce Ürün Profesyonel İpuçları Bu kılavuzu sonuçlandırmadan önce, sizin için hızlı bir ipucumuz var. Temayı ve eklentiyi düzenli olarak güncelleyin Divi tarafından sunulan en son özelliklere her zaman erişebildiğinizden emin olmak için, Divi temanızı, Divi Maker eklentinizi ve temel WordPress’i mevcut en son kararlı sürüme güncellemeye devam etmenizi tavsiye ediyoruz. Bunu yapmanın en kolay yolu, Divi tema panelinden otomatik güncellemeleri etkinleştirmektir.
Girmeniz gereken tek şey, zarif tema hesabı gösterge panelinizde bulabileceğiniz zarif tema kullanıcı adı ve ateş anahtarıdır.Girdikten sonra değişiklikleri kaydedin ve otomatik güncellemeler alacaksınız.Site genelinde yeni bir Divi Builder modülü ile kullanın, bölümler ekleyebilir ve sayfalarınızı veya yayınlarınızı ayarlayabilirsiniz.Tek yapmanız gereken görsel düzenleyiciyi etkinleştirmek, istediğiniz öğeleri eklemek ve kullanmak istediğiniz modülü seçmek.Örneğin, ürününüz için özel incelemeler yazarsanız, kullanıcının hemen erişebilmesi için tramvaya inceleme gönderisine ekle düğmesini eklemeyi düşünün.Bonus:
