2 Kolay Adımda WooCommerce Mağaza Sayfası Nasıl Özelleştirilir

WooCommerce, sanal mağazanız için size varsayılan bir mağaza sayfası sunacaktır. Ancak, sınırlı özelleştirme seçeneklerine sahiptirler. Ayrıca, WooCommerce'in önceden oluşturulmuş mağaza sayfası, dönüşüm oranınız için iyi optimize edilmemiştir. İyi bir dönüşüm, iyi tasarlanmış bir WooCommerce mağaza sayfasıyla birlikte gelir.

Sektörlerin yalnızca %22'sinin dönüşüm oranlarından memnun olduğunu biliyor musunuz?

Şimdi size bir soru sormak istiyorum. %22 mutlu endüstrilerin veya mutsuz %78 endüstrilerin bir parçası olmak ister misiniz? Karar senin. Cevabınız evet ise, mağaza sayfanızı kodlamayla veya bir WooCommerce oluşturucu kullanarak özelleştirmeniz gerekir. Burada kodlama kullanmayalım çünkü bunun için iyi bir kodlama bilgisine sahip olmanız gerekiyor. Bu nedenle, mağaza sayfası özelleştirmeniz için bir WooCommerce oluşturucuya geçin. En iyi WooCommerce oluşturucuyu seçerek başka bir görev geliyor.

ShopEngine , WooCommerce sayfalarınız için eksiksiz bir çözümdür çünkü bu eklentiyi kullandıktan sonra başka eklentilere ihtiyacınız olmaz. Bu eklenti, ürün karşılaştırma, varyasyon örnekleri, istek listesi, hızlı görünüm, hızlı ödeme, ön sipariş, rozetler, satış bildirimi, kısmi ödeme ve daha pek çok şey için çözümler sağlayacaktır. Ayrıca, bu seçenekleri tamamen özelleştirebilirsiniz. Bu yüzden bu eklentiyi kullanmak uygun maliyetli ve kullanıcı dostudur.

Bu blogda, WordPress için en iyi ücretsiz araç olan ShopEngine ile nasıl bir WooCommerce özel mağaza sayfası oluşturabileceğinizi tartışacağım.

WooCommerce mağaza sayfası nedir?

WooCommerce mağaza sayfası, tüm ürünlerinizi veya hizmetlerinizi sergileyeceğiniz web sitenizin en önemli sayfasıdır. Herhangi bir müşteri ürün veya hizmet satın almak için web sitenize geldiğinde, doğrudan mağaza sayfanızı ziyaret edeceklerdir.

Başarınız bu sayfaya bağlı olacağından, web sitenizin kalbi olduğunu söyleyebilirsiniz. Çünkü bu sayfayı ziyaret edip ürünleri gördükten sonra ürünlerinizi alıp almamaya karar vereceklerdir. Bu nedenle WooCommerce mağaza sayfanızın kullanıcı dostu ve iyi tasarlanmış olması gerekir.

Varsayılan WooCommerce mağaza sayfanızda sorun ne?

WooCommerce Shop sayfanız, dönüşüm oranınızı artırmak için hayati bir rol oynar. Bu nedenle, mağaza sayfanızın iyi optimize edilmesi gerektiğini her zaman aklınızda bulundurmalısınız. İşte varsayılan bir WooCommerce mağaza sayfası kullanma sorunu geliyor. Çünkü varsayılan WooCommerce mağaza sayfası, dönüşüm oranını artırmak için iyi bir şekilde optimize edilmemiştir.

Kendinizi müşterinizin yerinde hayal edin. Bir ürünü satın alırken bir müşteri olarak bir web sitesinden ne istiyorsunuz?

Tabii ki, ürünleri kolayca arayabileceğiniz ve bulabileceğiniz basit ve temiz bir tasarım. Varsayılan WooCommerce mağaza sayfanız buna uygun değil.

Müşterilerinizin %76'sı karmaşık ve kafa karıştırıcı bir tasarım yerine basit bir tasarım web sitesi istiyor. Kaynak adı- HubSpot.com

Bu, müşterileriniz için ne kadar önemli olduğunu kanıtlıyor. Şimdi varsayılan WooCommerce sayfanıza bir göz atın ve inceleyin. Hedeflediğiniz geliri elde ediyor mu? Değilse, WooCommerce mağaza sayfanızı ShopEngine adlı Elementor ve WooCommerce mağaza sayfası eklentisiyle özelleştirmeye hazır olun.

Ancak bundan önce, WooCommerce mağaza sayfanızı değiştirdikten sonra tam olarak ne gibi avantajlar elde edeceğinizi kontrol edelim.

Yeni özelleştirilmiş WooCommerce mağaza sayfanızdan elde edeceğiniz avantajlar

Zaman ayırmadan ve sıkı çalışmadan önce faydaları kontrol etmenin zamanı geldi. WooCommerce mağaza sayfasını neden özelleştirmeniz gerektiğine bir göz atın:

• YG'nizi önemli ölçüde değiştirecek yüksek dönüşüm sağlayan bir mağaza sayfası.
• Mükemmel bir kullanıcı deneyimi.
• SEO ve farklı cihazlar için iyi optimize edilmiştir.
• Kullanıcılarınızı artırmak için bir fırsat.
• Rekabetçi e-ticaret dünyasında öne çıkmak için iyi bir mağaza sayfası.
• Hızlı yüklenen mağaza sayfası.

Bunlar, iyi optimize edilmiş mağaza sayfanızdan elde edeceğiniz avantajlardır. Artık faydalarını bildiğinize göre sizi asıl konuya götürmenin zamanı geldi. Daha iyi bir kullanıcı deneyimi elde etmek için WooCommerce mağaza sayfasını nasıl düzenleyebilirsiniz?

Öğrenmek için kazmaya devam edin.

ShopEngine ile WooCommerce mağaza sayfası nasıl özelleştirilir

WooCommerce sayfa özelleştirmesi geldiğinde, ShopEngine'i hiçbir şey yenemez. ShopEngine, WordPress'te bulunan en üst düzey sürükle ve bırak WooCommerce sayfa oluşturucu eklentisidir. Kullanıcı dostu ve tamamen özelleştirilebilir özellikleri nedeniyle iyi bilinir. Ayrıca, kodlama olmadan bir web sitesi oluşturmaya uygun gelişmiş modüller ve widget'lar sağlar.

Bu, WooCommerce mağaza sayfasını programlı olarak özelleştirme zahmetine girmenize gerek olmadığı anlamına gelir. Şimdi WooCommerce mağaza sayfası şablonunu nerede bulacağınızı düşünebilirsiniz.

ShopEngine ayrıca WooCommerce mağaza sayfası şablonlarıyla birlikte gelir ve yine bunları oluşturabilirsiniz. Yani, endişelenme. WooCommerce mağaza sayfanızı, en kolay ve en etkili WooCommerce sayfa oluşturucu olan ShopEngine ile düzenlemek için aşağıdaki adımları izleyin:

Adım 1: Bir mağaza sayfası şablonu oluşturun.

WooCommerce mağaza sayfasını özelleştirmek için bir mağaza sayfası şablonu oluşturmanız gerekir. Yeni bir WooCommerce mağaza sayfası şablonu oluşturmak için ShopEngine >> oluşturucu şablonuna gidin.

Bundan sonra, yeni ekle düğmesine tıklayın ve ardından bir açılır şablon ayar çubuğu görünecektir. Mağaza sayfası şablonunuzu ayarlamak için aşağıdaki bilgileri girmeniz gerekir:

• Ad: WooCommerce mağaza sayfanız için seçtiğiniz Woo mağazanızın adını buraya girin.
• Type: Bu boşlukta oluşturmak istediğiniz şablon tipini seçmeniz gerekiyor. Bir mağaza sayfası şablonu oluştururken mağazayı seçmelisiniz.
• Varsayılanı ayarla: Varsayılan bir şablon eklemek istiyorsanız varsayılan düğmeyi etkinleştirin. Varsayılan olanı kullanacağım için etkinleştiriyorum.
• Örnek tasarımlar: Burada iki tasarımınız olacak. Soldakini seçerseniz, WooCommerce mağaza sayfanızı sıfırdan düzenleyebilirsiniz. Ve eğer doğru olanı seçerseniz, mağaza sayfası şablonunuz için varsayılan bir tasarım elde edeceksiniz. Sıfırdan düzenlemenize gerek yok. Burada varsayılan örnek tasarımı seçiyorum. Son olarak, düzenlemek için Elementor ile Düzenle düğmesine tıklayın.

Artık mağaza sayfası şablonunuzu oluşturma işlemi tamamlandı. Yani, asıl özelleştirme kısmına geçmenin zamanı geldi.

Adım #2: WooCommerce mağaza sayfası şablonunuzu ShopEngine ile özelleştirin.

Mağaza sayfası şablonunuzu oluşturduktan sonra, şimdi düzenleme zamanı. Düzenlemek için arşiv başlığına tıklayın ve aşağıdaki seçenekleri isteğinize göre özelleştirin:

• HTML etiketi: Başlığı arşivlemek için kullanmak istediğiniz etiketi seçin.
• Hizalama: Buradan arşiv başlığınız için hizalamayı seçebilirsiniz.
• Renk: Arşiv başlığınız için doğru rengi seçin.
• Tipografi: Arşiv başlığınızın tipografisini düzenleyin. Aileyi, yazı tipi boyutunu, satır yüksekliğini, ağırlığını, dönüştürmeyi buradan değiştirebilirsiniz.

Bundan sonra, sayfa başına ürün filtresi olan bir sonraki arşiv sayfası pencere öğesini özelleştirin. Sayfa başına filtre ürününüz için aşağıdaki alanları özelleştirebilirsiniz:

• Listeler: Sayfalarınızın sayısını mağaza sayfasına yazın.
• Tipografi: Ürününüz için sayfa başına filtre tipografisini düzenleyin.
• Aralık: Sayılar arasındaki aralığı özelleştirin.
• Hizalama: Ürününüz için sayfa filtresine göre hizalamayı seçin.
• Renk: Burada widget'ınız için renk seçebilirsiniz.
• Aktif renk: Aktif sayfanız için farklı bir renk seçebilirsiniz.

Şimdi arşiv ürünlerinizin düzenini düzenleme zamanı. Burada düzenleyebilirsiniz:

• Düzen ayarları: Arşiv ürünleri için düzen ayarlarını etkinleştirebilir veya devre dışı bırakabilirsiniz.
• Satır başına ürünler: Her satırda göstermek istediğiniz ürün sayısını seçin.
• Sayfa başına satır: Her sayfada göstermek istediğiniz satır sayısını seçin.

Bundan sonra arşiv ürünleriniz için birçok seçeneği etkinleştirebilir ve devre dışı bırakabilirsiniz. Örneğin:

• Flaş satış rozetleri.
• Kategorileri göster.
• Açıklamayı göster.
• Değerlendirme.
• Normal fiyatı göster.
• Fiyat etiketini gösterin.
• Düğme grubu.
• Vurgulu stilinde altbilgi.

Bu seçenekleri etkinleştirirseniz, bunlar arşiv ürünlerinizle birlikte gösterilecektir.

Ardından ürün kapsayıcısını aşağıdaki gibi düzenleyin:

• hizalama.
• Arka plan rengi.
• Kenarlık türü.
• Genişlik.
• Sınır rengi.
• Ürün boşluğu.
• Fareyle üzerine gelindiğinde kutu gölgesi.
• Satır aralığı.
• Dolgu malzemesi.

Arşiv ürünleriniz için aşağıdaki alanları da düzenleyebilirsiniz:

• Ürün resmi.
• Ürün kategorileri.
• Ürün başlığı.
• Ürün fiyatı.
• Ürün Açıklaması.
• Kapalı etiket.
• Sepete ekle düğmesi.
• Değerlendirme.
• Hızlı Satış.
• Düğme grubu vb.

Ayrıca sol tarafta gösterilen widget'ları sürükleyip bırakarak daha fazlasını özelleştirebilirsiniz. Son olarak, widget'ları sürükleyip bıraktıktan ve bunları özelleştirdikten sonra güncelleme düğmesine tıklayın.

Şimdi, özelleştirilmiş WooCommerce mağaza sayfanıza bir göz atın:

ShopEngine'i neden WooCommerce sayfa oluşturucu olarak kullanmalısınız?

Kolay süreci öğrendikten sonra hala başka bir sorunuz olabilir. Diğer WooCommerce sayfa oluşturucularını kullanmadan mağaza sayfanızı özelleştirmek için neden ShopEngine kullanmalısınız?

Cevap, ShopEngine'in gelecek sürümüyle ( ShopEngine Pro ) diğer WooCommerce oluşturucularını kullanırsanız elde edemeyeceğiniz birçok yeni özelliğin kilidini açacağıdır. Sadece bu değil, ShopEngine size en iyi kullanıcı deneyimini sunmak için birçok başka özellik de sağlar. Burada, diğer WooCommerce oluşturucularla hızlı bir karşılaştırma aşağıda verilmiştir:

WooCommerce mağaza sayfası şablonu nerede aranır?

ShopEngine'de hazır bir WooCommerce mağaza sayfası şablonu bulacaksınız. Ayrıca bir mağaza sayfası şablonu oluşturabilir ve bunları dilediğiniz gibi özelleştirebilirsiniz. ShopEngine tüm özelleştirme seçeneklerini sunduğundan, bu şablonları özelleştirmek için herhangi bir sınırlama yoktur.

Ayrıca, diğer çok sayıda şablon türüyle birlikte WooCommerce ürün sayfası şablonları alacaksınız. Bunlar, inanılmaz bir şekilde birkaç saniye içinde WooCommerce ürün, kategori, alışveriş sepeti vb. sayfalar oluşturmanıza izin verecektir.

En iyi yanı, ShopEngine'in ücretsiz sürümünün hazır şablonlar sağlamasıdır. WooCommerce Shop sayfanızı yapmak için kolayca kullanabilirsiniz. ShopEngine'in sunduğu ücretsiz WooCommerce mağaza sayfası şablonlarına bir göz atın:

Özetlemek:

WooCommerce Shop sayfanız, WooCommerce sayfalarınız arasında en önemli sayfadır. Gelir, ürünlerinizi mağaza sayfasında nasıl sunduğunuza bağlı olacaktır. İyi bir sunum için bu sayfayı özelleştirmelisiniz. WooCommerce'deki sınırlı özelleştirme seçenekleri nedeniyle başka bir araca ihtiyacınız var.

ShopEngine , deneyebileceğiniz en esnek araçtır. Size bu kadar büyük miktarda kişiselleştirme sunabilecek neredeyse hiçbir araç yok. Ayrıca ShopEngine pro'nun yeni bir sürümü de yayınlandı. Burada 63+ widget, 12 modül ile sayfalarınızı sıfırdan özelleştirebilir ve bu rekabetçi dünyada sayfanızın sorunsuz çalışmasını sağlayabilirsiniz.

Ayrıca, sayfalarınız için 16 şablon bulacaksınız ve WooCommerce ürününüz, sepetiniz, kategoriniz ve diğer sayfalarınız için yakında daha çekici şablonlar yayınlanacak. Bunları kullanarak mağaza sayfanızı kolayca özelleştirebilir ve web sitenizin başarılı bir şekilde öne çıkmasına yardımcı olabilirsiniz.