Mutlu Eklentiler Kullanarak WooCommerce Mağazanızı Nasıl Özelleştirirsiniz?

Yayınlanan: 2021-02-26

E-ticaret işi, teknolojinin hızlı büyümesiyle her geçen gün gelişmektedir. Genel anlamda, gerçek mekanda faaliyet gösteren bir mağazanız olsun ya da olmasın, bir çevrimiçi mağaza oluşturmak nispeten kolay, ucuz ve düşük risklidir.

Ancak neden mağaza sayfanızın tasarımını birinci öncelik olarak tutmalısınız?

Ürünleriniz benzersizdir - onları sergileyen ürün sayfaları da benzersiz olmalıdır.

WooCommerce

İyi tasarlanmış, satın alma sürecini kullanıcılar için kolaylaştırır. Bu yüzden e-ticaret sitenizi doğru bir şekilde özelleştirmeniz gerekiyor.

Neyse ki, bunu yapmak için uzman veya geliştirici olmanıza gerek yok. Bunun yerine, mağazanızı özelleştirmek için bazı kullanışlı ve kullanışlı sayfa oluşturucu araçlarını kullanabilirsiniz. Elbette, daha fazla satış ve gelir elde ederek etkileyici ve rekabetçi olmanıza yardımcı olacaktır!

Bugünün gönderisinde, Happy Addons kullanarak WooCommerce mağazanızı nasıl kolayca özelleştirebileceğinizi ve bazı harika özellikler ekleyebileceğinizi göstereceğiz. Temel bir soruyla başlayalım-

Bir Ürün Sayfasını İyi Yapan Nedir?

Ürün sayfası, çevrimiçi ürünlerinizi müşterilerinize düzenli bir şekilde sergilediğiniz bir yerdir. Böylece ürünleri kolayca arayabilir, seçebilir ve satın alabilirler.

WooCommerce mağaza sayfasını özelleştirin

Günümüzde insanlar online alışverişi fiziksel alışverişten daha çok tercih ediyor. Küresel salgın nedeniyle, toplam alışveriş senaryosu, tüm satın almaların %95'inden fazlasını oluşturan fiziksel mağazadan çevrimiçi mağazaya kaydı. Bu nedenle müşterileri elde tutmak daha önemli ve rekabetçi hale geliyor.

Bir şey ( cep telefonu ) satın almak için çevrimiçi bir mağazaya girdiğinizi varsayalım. İlk gereksiniminiz ne olacak?

Kolay bir alışveriş deneyimi. Sağ?

Evet, basit bir ödeme işlemiyle kolay bir alışveriş deneyimi, bir mağazanın veya ürün sayfasının ne kadar düzenli olduğunu belirler. Ayrıca, müşterilerin tam olarak aradıklarını bulmalarına yardımcı olacaktır. İyi özelleştirilmiş bir mağaza sayfasının devreye girdiği yer burasıdır.

Öyleyse, WooCommerce mağaza özelleştirmesinin neden önemli olduğunu kontrol edelim: -

  • Harika bir marka kimliği oluşturun
  • Daha fazla müşteriyle etkileşim kurun
  • Kullanıcı deneyimini artırın
  • Diğer rakiplerden sıyrılın

Şunlar da ilginizi çekebilir: Çok Satıcılı Pazar Yeriniz İçin Satıcıları Nasıl Bulur ve İkna Edersiniz?

Mutlu Eklentiler Kullanarak WooCommerce Ürün/Mağaza Sayfasını Özelleştirme

WooCommerce Mağaza Sayfasını özelleştirin

Şimdi WooCommerce mağaza sayfasını özelleştirme sürecini gösterme zamanı. Adımları dikkatlice izleyin ve bunları WordPress destekli WooCommerce sitenize uygulayın.

WooCommerce Mağaza Sayfasını özelleştirmeden önceki ön koşullar

  • wordpress
  • WooCommerce (Ücretsiz)
  • Elementor (Ücretsiz)
  • Mutlu Eklentiler ( Ücretsiz ve Profesyonel )

Öncelikle, tüm bu önkoşulları web sitenize başarıyla yüklediğinizden ve etkinleştirdiğinizden emin olun.

Mutlu Eklentileri kullanarak WooCommerce mağaza sayfanızı nasıl özelleştireceğinizi gösterelim.

Birinci Adım: Mağaza Sayfanızı Açın

WordPress kontrol panelinizden WooCommerce Mağaza sayfanıza gidin. Ardından Elementor ile Düzenle'ye tıklayın.

WooCommerce mağaza sayfasını özelleştirin

Bundan sonra, varsayılan WooCommerce sayfası açılacaktır. Ve burada mağaza özelleştirme yolculuğunuz başlıyor.

Elementor tuvali

İkinci Adım: HappyAddons WooCommerce Widget'larını Kullanın

Özelleştirmeyi kolaylaştırmak için, dört harika Mutlu Eklenti WooCommerce widget'ı kullanacağız.

  • Ürün Izgarası: - HappyAddons Pro Ürün Izgara Widget'ı ile ürünlerinizi ızgara görünümlerinde kazançlı bir şekilde görüntüleyebilirsiniz.
  • Ürün Döngüsü: - Müşterilerin dikkatini çekmek için eksiksiz bir WooCommerce Ürün Döngüsü widget'ı
  • Ürün Kategorisi Izgarası: - WooCommerce Ürünlerini kategori bazında görüntülemek için en uygun.
  • Ürün Kategorisi Döngüsü:- Ürün Kategorisi Döngü Widget'ının yardımıyla, ürünleri daha verimli hale getirmek için belirli kategorilere göre döngülerdeki ürünleri tanıtabilirsiniz.

Not: Bunların hepsi Happy Addons'un profesyonel özellikleridir. Dolayısıyla, bunları sitenizde kullanmak istiyorsanız, ücretsiz olarak premium sürüme yükseltmelisiniz.

Ürün Karuseli Widget'ını Kullanma

Şimdi WooCommerce sitenizde Ürün Karuseli widget'ını nasıl kullanabileceğinizi görelim. Widget'ı kullanmak için widget'ı seçmeniz ve ekrana sürükleyip bırakmanız gerekir.

Widget'ı ekledikten sonra, böyle bir arayüz elde edeceksiniz.

Ürün karuseli

Burada dört seçenek alacaksınız-

  • Düzen
  • Sorgu
  • Döngü Ayarları
  • Ve sarıcı bağlantı

Düzende iki farklı dış görünüm seçebilirsiniz. Klasik ve modern. İsterseniz seçenekleri açın veya kapatın. Görüntü içeriğini tasarımınıza göre hizalayın.

Ürün Karuseli Widget'ını Kullanma

Şimdi daha fazla şeyi özelleştirmek için sorgu seçeneğine tıklayın. Burada kategoriye göre ürün sergileyebilirsiniz.

WooCommerce mağaza sayfasını özelleştirin

Ayrıca tasarıma bazı animasyon özellikleri ekleyebilirsiniz. Bunu yapmak için Karusel Ayarlarına tıklamanız gerekir. Örneğin, animasyon hızını, slaytları, slayt oklarını vb. ayarlayın.

Ürün karuseli widget'ı uygulanıyor

Sonunda, tasarıma bir sarmalayıcı bağlantı ekleyebilirsiniz.

Ancak, Stil düğmesine tıklayarak tasarımı stilize edebilirsiniz.

WooCommerce mağaza sayfasını özelleştirin

Ürün karuseli widget'ı hakkında daha fazla bilgi edinmek için resmi belgelere göz atabilirsiniz.

Ürün Kategorisi Tablosunu Kullanma

Benzer şekilde, ürün kategorisi ızgara widget'ını seçin ve ekrana yapıştırın.

Ürün kategorisi widget'ı

Widget'ı ekledikten sonra, kategorinizin önizlemesini göreceksiniz. Ayrıca ekranın sol tarafında bulunan faydalı seçenekleri de kullanabilirsiniz.

Ürün kategorisi ayarları

Ardından, tasarıma daha fazla özellik eklemek için sorgu bölümünü özelleştirin. Örneğin, sütunu, dış görünüm stilini, görüntü boyutunu ayarlayabilir, görüntü bindirmesi vb. ekleyebilirsiniz.

WooCommerce Mağaza Sayfasını Özelleştirin

Ancak, burada tüm kategorileri sergilemek istemiyorsanız, bunları hariç tutabilir veya dahil edebilirsiniz. Kullanıcılarınıza doğru kategoriyi gösterdiğinizden emin olun.

Düzen

Tasarımı stilize etmek için stil düğmesine tıklayın. Burada dört mevcut seçeneğiniz olacak.

  • Düzen : - Düzen tasarımını, yüksekliği, ağırlığı, satır aralığını değiştirin
  • Öğe kutusu : - Bir görüntünün yüksekliğini, ağırlığını, rengini ve daha fazlasını değiştirebilirsiniz.
  • İçerik : - İçeriğin rengini, arka planını, yüksekliğini, ağırlığını, aralığını vb. değiştirmek için
  • Daha fazla düğme yükle : - Buradan daha fazla kategori yükle düğmesini, yazı tipi rengini, tipografiyi, arka plan rengini vb. özelleştirebilirsiniz.

Ancak, bu widget'ı WordPress sitenizde daha fazla kullanmak istiyorsanız, buradan resmi belgelerimize göz atabilirsiniz.

Ürün Kategorisi Carousel Widget'ı

Widget'ı seçin ve seçilen alana sürükleyin.

WooCommerce mağaza sayfasını özelleştirin

Bundan sonra tüm seçenekler size sunulacaktır. Bu widget, ürün carousel widget'ıyla hemen hemen aynıdır. Ürün kategorisi kategorileri gösteriyor ve ürün karuseli ürünleri gösteriyor.

Ürün karuseli widget'ının ayarları

Düzen düğmesine tıkladıktan sonra dış görünümleri, görüntü boyutunu, sayım sayısını ayarlayabilir ve görüntü yerleşimini tanımlayabilirsiniz. Bu nedenle, bunları doğru bir şekilde uygulayabilirseniz, daha güzel ve ilgi çekici görüneceklerdir.

Dönen ayarlar

Karusele kategoriyi dahil etmek veya hariç tutmak için sorguya tıklayın. Ayrıca karuseli sıraya göre ayarlayabilirsiniz.

WooCommerce mağaza sayfasını özelleştirin

Ardından, animasyon hızını, otomatik oynatma seçeneğini, gezinme stilini ve slaytları değiştirmek için karusel ayarlarına tıklayın. Bu da, kullanıcılarınıza en çok tercih ettiğiniz ürün kategorisini sergilemek için WooCommerce mağaza sayfanızı özelleştirmenize yardımcı olacaktır.

WooCommerce mağaza sayfasını özelleştirin

Her neyse, ürün kategorisi döngüsüne ilişkin ayrıntılı bir kılavuz almak istiyorsanız, her zaman resmi belgelerimize göz atabilirsiniz.

Ürün Izgara Widget'ı

Ürünlerinizi WooCommerce mağaza sayfanızda mükemmel ızgara konumunda görüntülemeyle ilgili sorunlarla karşılaşıyorsanız? Evet, Product Grid Widget'ını kullanarak yapabilirsiniz.

Bunu yapmak için widget'a tıklayın ve widget'ı kullanmaya başlamak için seçilen alana sürükleyin. Böylece widget'ı eklediğinizde, tüm ürünler bir ızgara görünümü olarak eklenecektir.

Ve özelleştirmek için bir düzen seçeneğiniz olacak. Tüm ürünler otomatik olarak ekrana eklenecektir. Burada fiyatlandırma sayfasını, derecelendirmeyi, rozeti, alışveriş sepeti düğmesini ve hızlı görüntüleme düğmesini gösterebilirsiniz.

ürün ızgara widget'ı

İstediğiniz ürünleri gösterebilir, dilediğiniz ürünleri ekleyebilir veya hariç tutabilirsiniz.

Ürün ızgarası sorgusu

Bu widget'ın önceden ayarlarında, sepete ekle düğmesini, hızlı ürün görüntüleme düğmesini özelleştirebilir ve bir bağlantı ekleyebilirsiniz.

Ürün kılavuzu ilerleme ayarları

Son olarak Stil butonunu kullanarak tasarımınıza bir stil verebilirsiniz. Burada rozeti, içeriği, resmi, alışveriş sepetini ve hızlı görünümü vb. özelleştirebilirsiniz.

WooCommerce mağaza sayfasını özelleştirin

İşte Mutlu Eklentiler WooCommerce widget'ı mağaza sayfalarını özelleştirmeye bu şekilde yardımcı olur. Acele etmeyin ve tüm bunları WooCommerce mağaza sayfanıza uygulamak için adımları dikkatlice izleyin.

mutlu eleman eklentileri

WooCommerce Mağazasının Son Önizlemesi

Yukarıda gösterdiğimiz süreç, tek bir satıcı mağaza sayfası içindir. Ancak, Dokan'ı kullanarak tam teşekküllü çok satıcılı bir web sitesi tasarlamak istiyorsanız, aşağıdaki makaleye göz atabilirsiniz.

Dokan Kullanarak Güzellik Bakım Ürünleri İçin Kendi Pazar Sitenizi Oluşturun

WooCommerce Ürün Sayfanızı Özelleştirirken Kaçınmanız Gereken Hatalar

e-ticaret hataları

Sitenizin performansının istediğiniz kadar güçlü veya düşük olmasını yalnızca sizden başka kimse sağlayamaz. Genel olarak, hepimiz web sitemizin profesyonel, güzel ve ilgi çekici görünmesini isteriz. Ancak bu o kadar kolay gerçekleşmeyebilir.

Bu nedenle, web sitenizde herhangi bir değişiklik yapmadan önce hepimizin doğru kararlar vermesi gerekiyor.

Ancak web sitesine herhangi bir değişiklik eklemeyi düşünürken çoğumuz bazı aptalca hatalar yapıyoruz - e-ticaret pazarı hataları . Çünkü hepimizin acelesi var veya uygun yapıyı takip etmeyi unutuyoruz, özellikle de bir e-ticaret mağazasını özelleştirmek.

Size yardımcı olmak için, bilmeniz gerektiğini düşündüğümüz bazı önemli pazar hatalarını burada bulabilirsiniz. Ve bunlar şüphesiz tüm çabalarınızı mahvedebilir ve işinizin büyümesini engelleyebilir.

O halde, WooCommerce mağaza sayfanızı özelleştirmeden önce kaçınmanız gereken yaygın hatalara bir göz atalım:-

  • WordPress'i zamanında güncellememek
  • WooCommerce'in eski bir sürümünü kullanma
  • Eski eklentileri tutmak
  • SSL Sertifikası kullanmamak
  • Kullanıcı Adınız Olarak “Yönetici”
  • “Ücretsiz” WordPress temalarını kullanma
  • Çok fazla alakasız kategori ve etiket
  • Kullanıcı deneyimine odaklanmamak
  • Mobil duyarlı için optimize edilmemiş mağaza
  • Google analytics'i unutmak

Bunlar, WooCommerce mağaza sayfasını özelleştirmek için oturmadan önce kaçınmanız gereken hatalardır. Dolayısıyla, bazı maliyetli hatalardan kaçınmak veya e-Ticaret işinizin sallanmasını istiyorsanız, bu hatalar kesinlikle size yardımcı olabilir.

Son sözler

Pekala, yazı sona erdi. Size WooCommerce mağaza sayfanızı özelleştirmenin en kolay yolunu göstermek için elimizden gelenin en iyisini yapmaya çalıştık. Ve Happy Addons'ın WooCommerce widget'larının kullanımı şüphesiz kolaydır.

Dolayısıyla, mevcut ürün sayfanızın görünümünden memnun değilseniz ve ürün sayfanızda biraz değişiklik istiyorsanız, bu özellikleri sitenizde deneyebilir ve gösterdiğimiz adımları takip edebilirsiniz.

Daha Harika Bloglar İçin Bültenimize Abone Olun!