WooCommerce Mağaza Sayfası Nasıl Özelleştirilir - Eksiksiz Kılavuz

Mağaza sayfanızı düzenlemenin farklı yollarını mı arıyorsunuz? Doğru yere geldiniz. Bu kılavuzda, WooCommerce Mağaza Sayfanızı adım adım özelleştirmek için farklı yöntemler öğreneceksiniz: manuel olarak, sayfa oluşturucuları ve eklentileri kullanarak.

Mağaza sayfası, ürünlerinizi sergilediğiniz yerdir, bu nedenle mağazanızdaki en önemli sayfalardan biridir. Bu yüzden çekici ve kullanıcı dostu bir tasarıma sahip olmalıdır.

Mağaza sayfası, mağazanızın önceden tasarlanmış bir bileşenidir ve görünümünü ve verdiği hissi değiştirmek için yerleşik bir araca sahip değildir. Ancak bu, onu hiç değiştiremeyeceğiniz anlamına gelmez. Bu kılavuzda, WooCommerce mağaza sayfasını üç farklı yöntem kullanarak nasıl özelleştireceğinizi öğreneceksiniz.

WooCommerce Mağaza Sayfası Nedir ve Neden Özelleştirmelisiniz?

WooCommerce tarafından tanımlanan bir mağaza sayfası, “ürünler için yazı tipi arşivi için bir yer tutucudur”. Basitçe söylemek gerekirse, ürünlerinizi sergilediğiniz sayfadır , bu nedenle işinizin başarısı için hayati önem taşır. Nasıl düzenleyebileceğinize geçmeden önce, WooCommerce mağaza sayfasını neden özelleştirmeniz gerektiğine bir göz atalım.

Şimdi, bir şey satın almak için bir mağazaya girdiğinizi hayal edin. Alışveriş sürecinden memnuniyetinizi ne belirler? En önemli şeylerden biri, ürünlerin nasıl düzenlendiği ve aradığınızı ne kadar kolay bulabileceğinizdir. İnternet sayesinde birbirine bağlı bir dünyada yaşıyoruz. Ve özellikle küresel pandemi döneminde alışveriş, fiziksel mağazalardan çevrimiçi mağazalara kaydı. Önümüzdeki 20 yıl içinde tüm satın alma işlemlerinin yaklaşık %95'inin çevrimiçi olması bekleniyor.

İnsanlar daha kolay ve daha hızlı olduğu için (veya en azından öyle olması gerektiği için) çevrimiçi alışveriş yapıyor. Bu nedenle, ürünlerinizi WooCommerce mağaza sayfasında nasıl düzenlediğiniz ve bunları müşterilerinize nasıl sergileyeceğiniz büyük bir fark yaratabilir. Yalnızca dönüşümleriniz ve geliriniz için değil, aynı zamanda mağazanızın itibarı için de.

Mağaza Sayfasını özelleştirmenin faydaları

Sonuç olarak, WooCommerce Shop sayfasını özelleştirmenin çeşitli avantajları vardır:

• Rakiplerden öne çıkın. Çoğu mağaza aynı mağaza sayfasına sahiptir, bu nedenle kendinizinkini kişiselleştirirseniz öne çıkarsınız
• Müşteri deneyimini iyileştirin
• Dönüşüm oranlarını ve satışları artırın
• SEO iyileştirmeleri. Tasarımını düzenlemenin yanı sıra mağaza sayfasını düzenleyebilir ve müşterilerinizin Google'da bulabileceği içerikler ekleyebilirsiniz.

Artık mağaza sayfasını neden özelleştirmeniz gerektiğini daha iyi anladığımıza göre, şimdi aşağıdaki soruya odaklanalım. Müşterileriniz mağaza sayfanıza ulaştıklarında onlar üzerinde nasıl iyi bir izlenim bırakabilirsiniz? Anahtar, satın alma sürecini kolaylaştıran çekici ve kullanıcı dostu bir tasarıma sahip olmaktır. Bunu söylemek yapmaktan daha kolay.

Ancak bu kılavuzda, WooCommerce mağaza sayfasının tasarımı üzerinde nasıl tam kontrol sahibi olacağınızı göstereceğiz.

WooCommerce Mağaza Sayfası Nasıl Özelleştirilir: Adım adım kılavuz

Bu bölümde, mağaza sayfasını üç farklı yöntemle nasıl özelleştireceğinizi göstereceğiz:

1. programatik olarak
2. Bir sayfa oluşturucu ile
3. Eklentiler ile

1) WooCommerce Mağaza Sayfasını Programlı Olarak Özelleştirme

İlk olarak, bir sayfa oluşturucuya veya eklentiye güvenmeden WooCommerce mağaza sayfanızı nasıl özelleştireceğinizi görelim. Bu yöntemin en büyük avantajı, sitenize herhangi bir üçüncü taraf uygulaması eklememenizdir. Herhangi bir zor kodlama yapmadığımız için bu birkaç dakikadan fazla sürmese de, bazı temel kodlama becerileriniz varsa daha iyi olur.

1. Adım: Bir alt tema oluşturun

Bu noktaya kadar temanız için bir alt tema oluşturmadıysanız, sahip olmanın tam zamanı. Bir alt tema öneriyoruz çünkü temanızda değişiklik yapar ve ardından güncellerseniz, yeni dosyalar eskilerin yerini alacak ve değişiklikleri kaybedeceksiniz.

Ancak, temanızı alt temadan özelleştirerek bundan kaçınabilirsiniz. Farklı yöntemler kullanarak bir alt tema oluşturabilirsiniz. Bir alt tema eklentisi kullanabilir veya kendiniz kodlayabilirsiniz. Her iki yöntem hakkında daha fazla bilgi için WordPress'te alt tema oluşturma kılavuzumuza göz atın.

Adım 2: Alt temanızda klasör yapısını oluşturun

Şimdi, web sitesi dosyalarını değiştirmek için bir FTP istemcisi kullanacağız. Bir FTP hesabınız yoksa, FileZilla yazılımını öneririz, ancak istediğiniz herhangi bir istemciyi kullanabilirsiniz. Alt temanızı oluşturduktan sonra site dosyalarınıza gidin ve şu yolu izleyin: /wp-content/themes/your-theme .

Diyelim ki Twenty Twenty teması için bir alt tema oluşturdunuz. Klasör adı, yirmiyirmi-çocuk-tema gibi bir şey olmalıdır. Ardından, tıklayın ve WooCommerce adlı bir klasör oluşturun. Bundan sonra, mağaza sayfası şablon dosyası olan arşiv-product.php adlı bir dosya oluşturun. Mağazanızda bir WooCommerce mağaza sayfası oluşturdunuz, ancak bu sayfa boş, dolayısıyla şimdi biraz içerik eklemeniz gerekiyor.

3. Adım: Mağaza sayfanız için içerik oluşturun

Arşiv-product.php dosyasının metin düzenleyicisine ne yazarsanız yazın mağaza sayfasında görüneceğini ve müşterilerinizin onu göreceği unutulmamalıdır. Burada, sihrinizi mağaza sayfanızda çalıştırmak için biraz kodlama kullanabilirsiniz. Ancak, nasıl yapacağınızdan emin değilseniz, bir sonraki adıma geçin.

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

Sıfırdan bir WooCommerce mağaza sayfası oluşturmak yerine mevcut bir şablonu kullanabilir ve uyarlayabilirsiniz. Bunun için ana temaya geri dönün ve single.php veya index.php dosyasını arayın. İkisinden birini görürseniz kopyalayın ve 2. Adımda oluşturduğunuz WooCommerce klasörüne yapıştırın. Her iki dosyayı da görürseniz single.php dosyasını kopyalayın. Ardından, archive-product.php dosyasını silin ve buraya az önce yapıştırdığınız dosyanın adınıarchive-product.php olarak değiştirin.

Bununla, gönderi şablonu dosyasını mağaza sayfanız olarak kullanacağız, ancak bir ürün sayfası gibi görünecek. Ancak bu ideal değil. WooCommerce mağaza sayfanızın bir ürün sayfası değil, bir mağaza sayfası gibi görünmesini istiyorsunuz. Özelleştirmek için bazı kısa kodlar kullanacağız.

Adım 5: Kısa kodları kullanarak mağaza sayfasını özelleştirin

İlk olarak, ürünleri sütunlara veya satırlara bölün. Örneğin, ürünlerinizi en fazla 6 üründen oluşan 2 sütunda görüntülemek istiyorsanız, aşağıdaki kodu arşiv-product.php dosyasına yapıştırmanız gerekir:

 [ products limit="6" columns="2" ]

Nasıl yapacağınızdan emin değilseniz, şu adımları izleyin:

• Archive-product.php dosyasını açın
• <main id=“main” class=“site-main” role=“main”> ile </main><!– #main –> arasındaki metni silin. Lütfen bu iki kod satırını değil, sadece aralarındakileri kaldırmanız gerektiğini unutmayın.
• Bu kod satırını az önce sildiğiniz şeyin bıraktığı alana ekleyin:

   <?php echo do_shortcode ('[ products limit="6" columns="2" ]') ?>

• Değişiklikleri kaydet
• Tebrikler! Yeni bir WooCommerce mağaza sayfası oluşturdunuz!

En Popüler Ürünleri Görüntüle

WooCommerce'de mağaza sayfanızı programlı olarak özelleştirmek için neler yapabileceğinize dair başka bir örneğe bakalım. Diyelim ki en popüler ürünlerinizi sergilemek istiyorsunuz. Bunun için aşağıdaki kısa kodu kullanacağız:

 [ products orderby="popularity" ]

Dosya temanızın arşiv-product.php dosyasını bulun ve aşağıdaki kodu yapıştırın:

 do_action('woocommerce_before_shop_loop');
echo '<h1>EN POPÜLER!!</h1>';
do_shortcode('[ products orderby="popularity" class="m-popular" columns="2" limit="2" ]'); do_action('woocommerce_after_shop_loop');

Gördüğünüz gibi, iki sütunlu tek bir satırda iki ürün görüntüleyeceğiz (columns=”2″ limit=”2″) , ancak bu sayıları sizin için en uygun olana göre ayarlayabilirsiniz.

Benzer şekilde, en çok oy alan ürünleri, en çok satan ürünleri ve çok daha fazlasını görüntüleyebilirsiniz. İşletmeniz için mükemmel bir görünüm ve his vermek için kısa kodlar kullanarak veya kodlama yoluyla mağaza sayfasını oynamanızı ve özelleştirmenizi öneririz.

Mağazanızı biraz kodlama ile nasıl özelleştireceğiniz hakkında daha fazla fikir için, WooCommerce mağaza sayfasını programlı olarak nasıl düzenleyeceğiniz konusundaki kılavuzumuza göz atın.

2) WooCommerce Mağaza Sayfasını Sayfa Oluşturucu ile özelleştirin

Önceki yöntem size biraz zaman kazandırsa da, kodlama becerisi olmayan kişiler için zor olabilir. Bu yüzden burada, temanızın dosyalarını değiştirmek zorunda kalmadan hileyi yapmanın daha kolay bir yolunu göstereceğiz. Bu bölümde, sayfa oluşturucunuzu kullanarak WooCommerce mağaza sayfasını nasıl özelleştireceğinizi öğreneceksiniz . Sayfa oluşturucularla mağaza sayfası tasarımını, düzenini, ürün türlerini ve görüntülenecek ürünleri değiştirebilirsiniz.

Üstelik herhangi bir kod yazmanız veya tema dosyalarını değiştirmeniz gerekmeyecek. Elementor, Visual Composer, Divi veya başka bir sayfa oluşturucu kullanmanızdan bağımsız olarak, bu yöntem hepsiyle uyumludur.

NOT : Herhangi bir kod satırı yazmanız gerekmeyecek, ancak WooCommerce kısa kodlarına aşina iseniz bu yardımcı olacaktır. Kısa kod kılavuzumuz iyi bir başlangıç ​​noktasıdır. Şimdi, bir sayfa oluşturucu kullanarak mağaza sayfanızı nasıl özelleştireceğinize bir göz atalım. Bunu yapmak için iki ana adım vardır:

1. Bir sayfa oluşturucu ile ürünlerinizi sergilemek için bir sayfa oluşturun
2. Bu sayfayı mağaza sayfanız yapın

Adım 1: Sayfa oluşturucu ile bir liste sayfası oluşturun ve içerikle doldurun

Sayfa oluşturucuya aşina olduğunuzu varsayıyorum, bu yüzden burada size nasıl kullanılacağını açıklamayacağız. Bu kılavuzda, sayfa oluşturucumuz olarak Elementor'u kullanacağız. Yapmanız gereken ilk şey yeni bir sayfa oluşturmak:

Normalde, WooCommerce mağazanızda öne çıkan, en çok satan ve yeni gelen ürünleri görüntülersiniz. Burada, öne çıkan ve en çok satan ürünleri içeren bir alışveriş sayfası oluşturacağız.

Şimdi sayfaya biraz içerik ekleyelim. Bunu yapmak için bazı WooCommerce kısa kodlarını kullanacağız. Görüntülemek istediğiniz ürün kategorilerine bağlı olarak kullanabileceğiniz birçok kısa kod vardır. Bunlar işe yarayacak olanlardan bazıları:

•  [ featured_products ]

•  [ best_selling_products ]

•  [ top_rated_products ]

•  [ sale_products ]

•  [ product_table ]

•  [ recent_products ]

•  [ products ]

Örneğimizi takip ederek, mağaza sayfamıza aşağıdakileri kullanarak öne çıkan ürünleri ekleyeceğiz:

kısa kod. Bunu yapmak için:

• WordPress yönetici kontrol panelinize > Ürünler sayfasına gidin. Sağdaki yıldız simgesine tıklayarak öne çıkan ürünlerinizi seçin.

• Düzenleme sayfasından, Metin Düzenleyiciyi Öne Çıkan Ürünler'in altına sürükleyin.

• Kopyala

   [ featured_products ]

  kısa kodlayın ve oraya yapıştırın.

• Güncelle 'yi tıkladığınızda ürünleriniz aşağıda gösterildiği gibi görüntülenecektir:

Aynen böyle, En Çok Satanlar için

 [ best_selling_products ]

kısa kod, yakın zamanda yayınlanan ürünler için kullanacaksınız

 [ recent_products ]

ve benzeri. Mağaza sayfasında ne tür ürünler sergilemek istediğinize karar vermek size kalmış. Lütfen ayrıca aşağıdakilere ihtiyaç duyabileceğiniz kısa kod öznitelikleri olduğunu unutmayın:

• Sütun sayısını ayarlayın
• Görüntülenen ürün sayısını sınırlayın

Örneğin, en fazla 6 üründen oluşan 2 sütun görüntülemek istiyorsanız, şunun gibi bir şey kullanacaksınız:

 [ products limit="6" columns="2" ]

Kısa kodlar çok güçlüdür ve kullanımı oldukça kolaydır. Bu nedenle, bunlardan en iyi şekilde yararlanmak için WooCommerce kısa kodları hakkındaki kılavuzumuza göz atmanızı öneririz.

2. Adım: Yeni oluşturulan sayfayı Mağaza Sayfanız yapın

Yeni sayfayı oluşturduktan sonra, onu WooCommerce mağaza sayfanız yapmanız gerekir. Bunu yapmak için bir alt tema yüklemenizi öneririz. Henüz oluşturmadıysanız, beğendiğiniz bu alt tema eklentilerinden herhangi birini kullanmanızı öneririz. Burada, bir alt tema kurduğunuzu ve oluşturduğunuzu varsayarak devam edeceğiz.

• Yeni oluşturduğunuz sayfanın URL'sini alın
• WordPress kontrol paneline gidin
• Görünüm > Tema Düzenleyici'ye tıklayın ve ardından bir açılır pencere görürseniz Anlıyorum'a tıklayın.
• Bundan sonra, sağdaki Theme Function dosyalarına erişebileceğiniz bir sayfaya yönlendirileceksiniz.

• Functions.php dosyasına tıklayın ve bu kodu sonuna yapıştırın:

 add_action('template_redirect', 'quadlayers_redirect_woo_pages');function quadlayers_redirect_woo_pages()
{
    if (function_exists('is_shop') && is_shop()) {
        wp_redirect('https://www.quadlayers.com/shop/');
        çıkış;
    }
}

ÖNEMLİ : Lütfen hiçbir şeyi silmeden kodu olduğu gibi kopyalayıp yapıştırın ve URL'nizi wp_redirect ('[yourURL]') içinde değiştirmeyi unutmayın Ardından dosyayı güncelleyin ve bu kadar! Az önce özelleştirilmiş bir WooCommerce mağaza sayfası oluşturdunuz .

3) WooCommerce Mağaza Sayfasını Eklentilerle Özelleştirin

Bu bölümde, eklentileri kullanarak WooCommerce'deki mağaza sayfasını nasıl özelleştireceğinizi öğreneceksiniz. En iyilerinden bazıları şunlardır:

1. WooCustomizer
2. WC Ürün Tablosuna Göre WooCommerce Ürün Tablosu (Ücretsiz ve premium)
3. Barn2'den WooCommerce Ürün Tablosu (Premium)

Bu bölümde, hem ücretsiz hem de premium araçları kullanarak alışveriş sayfasını nasıl düzenleyeceğinizi göstereceğiz.

3.1) WooCustomizer

WooCustomizer , WooCommerce mağaza sayfasını özelleştirmek için mükemmel bir eklentidir. Ürününüzü, sepetinizi, kullanıcı hesabınızı ve ödeme sayfalarınızı birkaç tıklamayla düzenlemenize olanak tanır. Bu eklentinin birçok özelliği vardır ve tüm WooCommerce mağazanızı kişiselleştirmenize olanak tanır. WooCustomizer ile mağaza sayfası özelleştirme seçeneklerine odaklanarak şunları yapabilirsiniz:

• Aralarından seçim yapabileceğiniz 20'den fazla ayar ile mağaza sayfalarını düzenleyin
• WooCommerce Mağazasından, arşivden ve ürün sayfalarından öğeleri kaldırın veya düzenleyin
• WooCommerce kırıntılarını mağaza ve ürün sayfalarından silin
• Alışveriş sepeti sayfasındaki kuponlar bölümü veya alışveriş sepeti kuponları açılır menüsü metni gibi mağaza sayfası öğelerini kaldırın veya düzenleyin
• Mağaza sayfalarınıza bir AJAX ürün arama çubuğu ve bir ürün hızlı görünümü açılır penceresi ekleyin
• Mağaza sayfalarında satır ve sayfa başına ürün sayısını özelleştirin
• Mağaza ve arşiv sayfalarında görüntülenen sütun sayısını değiştirin
• Müşterilerin ürünleri mağaza sayfasından görmelerini sağlamak için ürün hızlı görünümü ekleyin
• Mağaza sayfasını düzenleyin ve satış afişlerini arşivleyin
• Ve daha fazlası

WooCustomizer'ın WooCommerce sayfalarınızı veya şablonlarınızı geçersiz kılmadığını belirtmekte fayda var. Düzenlemeyi seçtiğiniz öğeler üzerinde temanıza ekstra stil seçenekleri ekler. WooCustomizer, WooCommerce mağaza sayfanızı düzenlemek için birçok özelliğe sahip olsa da, kullanımı da oldukça kolaydır. Bu araç çok yönlüdür ve herhangi bir kodlama yapmanıza gerek kalmadan mağazanız üzerinde size daha fazla kontrol sağlar.

Son olarak, WoooCustomizer ücretsiz bir araçtır. Temel özelliklere sahip ücretsiz bir sürümü ve yılda 29 USD'den başlayan daha gelişmiş işlevlere sahip 3 premium planı vardır.

3.2) WC Ürün Tablosuna göre WooCommerce Ürün Tablosu Lite

WooCommerce Ürün Tablosu (WCPT), ürün tablosu düzenlerini kolayca oluşturmanıza olanak tanıyan mükemmel bir eklentidir. 5 üzerinden 4,9 puan ve 5.000'den fazla aktif kurulum ile WooCommerce'de mağaza sayfasını düzenlemek için en iyi araçlardan biridir.

WC Ürün Tablosu bir freemium aracıdır. Temel işlevlere sahip ücretsiz bir sürümü ve daha güçlü özellikler içeren ve yıllık 49 USD maliyeti olan profesyonel bir planı vardır. Burada size lite sürümünü nasıl kullanacağınızı göstereceğiz ve ardından size profesyonel plan için bazı ipuçları vereceğiz.

Adım 1: Herhangi bir sayfada bir WCPT oluşturun

İlk olarak, eklentiyi indirip etkinleştirmeniz gerekir. Bundan sonra, kontrol panelinizin kenar çubuğunda Ürün Tablolarını göreceksiniz. Tıklayın, Yeni Tablo Ekle'ye basın ve tablo oluşturabileceğiniz bir sayfaya yönlendirileceksiniz.

Gördüğünüz gibi, belirtmeniz gerekecek:

• Tablo adı: Örneğimizde buna Ürün Tablosu 01 adını verdik.
• Ürün Kategorisi : Sorgu sekmesinin altında sahip olduğunuz kategorileri göreceksiniz. Tablonuz için birini seçin

• Sütun Bilgileri: Ardından, Sütunlar sekmesine gidin. Burada istediğiniz tabloyu çizmeniz gerekecek. Kaç tane sütun istediğinize karar vermeniz ve ardından her birini tasarlamanız gerekecek. WC Ürün Tablosu size sadece laptoplar için değil, telefon ve tablet kolonları için de seçenekler sunar. Böylece başlık, hücre şablonu ve tasarım (yazı tipi, hizalama, yazı tipi rengi, arka plan rengi ve daha fazlası) dahil olmak üzere her cihaz türü için istediğiniz tüm seçenekleri belirleyebilirsiniz.

İstediğiniz sütunları oluşturduktan sonra Ayarları Kaydet 'i tıklayın ve her şey hazır.

Adım 2: Tablonuzu yeni bir sayfaya yapıştırın

Bir kısa kod kullanarak Adım 1'de oluşturduğunuz tabloyu istediğiniz yerde görüntüleyebilirsiniz. Kısa kodu kopyalamanız yeterlidir:

Şimdi, kısa kodu kullanarak tabloyu yeni bir sayfada görüntüleyelim. Bu noktada, yeni bir sayfa oluşturmaya aşina olduğunuzu varsayabiliriz. Bu nedenle, bir sayfa oluşturucu kullanarak Sayfalar > Yeni Ekle'yi tıklayın ve ona bir ad verin. Örneğin, Mağazam Sayfa 2 . Elementor kullanıyorsanız, şöyle bir şey göreceksiniz:

Metin Düzenleyiciyi aşağı sürükleyin ve az önce kopyaladığınız kısa kodu oraya yapıştırın.

Artık ürün tablosu stiline sahip bir sayfanız olacak.

3. Adım: Müşterileri yeni mağaza sayfanıza yönlendirin

Müşterilerinizi yeni mağaza sayfasına yönlendirmek için bir yönlendirme eklentisine ihtiyacınız olacak. Bu araç, müşterileri varsayılan WooCommerce mağaza sayfasından 2. Adımda oluşturduğunuz yeni sayfaya yönlendirecektir. Bu eklentilerin çoğu tek amaçlıdır ve kullanımı çok kolaydır. Burada en popüler yönlendirme eklentilerinden biri olan Yeniden Yönlendirmeyi kullanacağız, ancak benzer herhangi bir araç işi yapacak.

Eklentiyi etkinleştirdikten sonra Tools > Redirection'a gidin ve şu mesajı göreceksiniz:

• Kaynak URL'ye varsayılan mağaza sayfasının bağlantısını yapıştırın
• Hedef URL'ye yeni oluşturulmuş mağaza sayfanızın bağlantısını yapıştırın
• Ardından Kurulumu Başlat'a tıklayın
• Bu kadar! Ücretsiz bir eklenti ile WooCommerce mağaza sayfanızı bu şekilde özelleştirebilirsiniz!

NOT : Arama motorları genellikle yönlendirme ilkelerini tercih etmediğinden, bu yöntemi kullanmanın SEO sonuçlarınızı etkileyebileceğini lütfen unutmayın.

PRO-TIP

SEO'nuzu etkilemek istemiyorsanız, WooCommerce Ürün Tablosu eklentisinin pro sürümünü kullanabilirsiniz. Daha gelişmiş işlevlere sahip olmanın yanı sıra, Arşiv Geçersiz Kılma özelliği ile birlikte gelir.

Bu işlevsellik ile, varsayılan WooCommerce ızgaralarını yalnızca mağaza sayfasında değil, aynı zamanda özellik, kategori, etiket ve arama gibi herhangi bir arşiv sayfasında da ürün tablolarınızla değiştirebilirsiniz. Bu özelliği etkinleştirmek için WP Dashboard > Ürün Tabloları > Ayarlar > Arşiv Geçersiz Kılma'ya gidin.

3.3) Barn2'den WooCommerce Ürün Tablosu

Mağaza sayfasını düzenlemek için bir başka mükemmel seçenek de Barn2'nin WooCommerce Ürün Tablosu eklentisidir. Yılda 89 USD'den başlayan ve kullanımı çok kolay olan premium bir araçtır. Bu eklenti, ürünlerinizi bir tablo düzeninde listelemenize ve ardından bunu Mağaza sayfasına eklemenize yardımcı olur. Bu yöntemle, mağaza sayfasının varsayılan tasarımını bir tabloya dönüştürebileceksiniz.

Aşama 1

İlk olarak, WooCommerce Ürün Tablosu eklentisini kurun ve etkinleştirin. Ardından WooCommerce sekmesine gidin ve Ayarlar > Ürünler öğesini tıklayın . Ürünler sekmesi altında Ürün tabloları bölümünü göreceksiniz. Buraya, eklentiyi satın aldığınızda edindiğiniz eklentinin lisans anahtarını girin.

Adım 2

• İlk olarak, verilen mağaza sayfasına ve kategori sayfalarına ürün tabloları ekleyin
• Eklenti > Tablo ekranının ayarlar sayfasına geri dönün ve ürün tablo düzeniniz için konumu seçin

• Mağaza sayfasını işaretleyin
• Ardından, tüm ürün kategorisi sayfalarında, ürün vergi arşivlerinde ve arama sonuçlarında ürün tablolarını görüntülemek istiyorsanız Ürün kategorisi arşivlerini işaretleyin.
• Değişiklikleri kaydet

Aşama 3

Tablolarda istediğiniz değişiklikleri yapın. WooCommerce Ürün Tablosunun ayarlar sayfası çok sezgiseldir. WC Ürün Tablosu tarafından sağlanan WC Ürün Tablosunun aksine, Barn2 aracı, kullanımı kolaylaştıran her sütunu oluşturmanızı ve yapılandırmanızı istemez.

Bonus: WooCommerce mağaza sayfası boş sorunu nasıl düzeltilir

Boş mağaza sayfası , WooCommerce'deki en yaygın sorunlardan biridir. Mağaza sayfasının herhangi bir ürünü göstermemesinin birçok nedeni vardır, ancak burada size en yaygın sorunları nasıl çözeceğinizi göstereceğiz.

• Mağaza sayfası yapılandırması : WooCommerce > Ayarlar > Ürünler'e gidin ve Mağaza sayfasının altında doğru sayfayı kullandığınızdan emin olun.
• Eklenti uyumluluğu : Eklentileriniz, Mağaza sayfasının boş görünmesine neden olan çakışmalara neden olabilir. Düzeltmek için tüm eklentilerinizi devre dışı bırakın ve hangisinin soruna neden olduğunu kontrol edin.
• Kalıcı Bağlantılar: Ayarlar > Kalıcı Bağlantılar'a gidin ve kalıcı bağlantıları güncellemek için kaydedin
• Katalog Görünürlüğü : Katalog görünürlüğünün doğru ayarlandığından emin olun. WooCommerce > Ürünler'e gidin ve ürünlerin gizli olarak ayarlanmadığından emin olun

Bu sorunlar hakkında daha fazla bilgi için WooCommerce mağaza sayfası boş sorununu nasıl çözeceğimize ilişkin kılavuzumuza bakın.

Bonus 2: Kategorileri Mağaza Sayfasında Görüntüle

Mağaza Sayfasında kategorileri görüntülemek, ürünlerinizi daha iyi organize etmenize ve kullanıcıların aradıklarını bulmalarına yardımcı olur. Mağaza Sayfasında kategorileri görüntülemenin üç yolu vardır. Bu bölümde, WooCommerce'deki varsayılan seçenekleri kullanarak bunu nasıl yapacağınızı göstereceğiz.

İlk olarak, panonuzda Görünüm > Özelleştir'e gidin ve ardından Özelleştirici kenar çubuğunda WooCommerce > Ürün Kataloğu'na gidin. Ardından, Mağaza Sayfası Görünümünü kullanın ve Kategorileri Göster veya Kategorileri ve Ürünleri Göster'i seçin.

Ek olarak, Ürün Kategorisi sayfalarınızda Ürün Alt Kategorilerini ve Ürünleri göstermek/gizlemek için Kategori Görüntüleme seçeneğini kullanabilirsiniz. Değişikliklerinizi gerçek zamanlı olarak önizleyebilirsiniz ve tamamladığınızda, değişiklikleri kaydetmek için Yayınla'yı tıklayın.

Bu yöntem uygulamak içindir ancak size fazla kontrol sağlamaz. Size daha fazla esneklik sağlayan alternatif yöntemler için, WooCommerce Shop sayfanızda kategorilerin nasıl görüntüleneceğine ilişkin kılavuzumuza göz atın.

İlk adım

Üç özelleştirme yönteminden herhangi birini gerçekleştirmeden önce, bir alt tema kullanmanızı şiddetle tavsiye ederiz . Bir eklenti kullanabilir veya programlı olarak oluşturabilirsiniz. Bir alt tema, ana temanın tüm tasarım öğelerini devralır, böylece bu temanın daha güvenli olmasını sağlayan bir kopyasına sahip olursunuz. Niye ya? Çünkü doğrudan ana temanın dosyalarını düzenlerseniz, temayı güncellediğinizde tüm değişiklikleriniz geçersiz kılınacaktır.

Bir alt tema ile, bir güncellemeden sonra herhangi bir veri kaybetmeden dosyalarını değiştirebilirsiniz. Dahası, akıllı bir site sahibi asla orijinal tema dosyalarıyla uğraşmaz. Bunun dışında, mağaza sayfasının önceden ayarlanmış bir WooCommerce sayfası olduğunu ve bu nedenle tüm WordPress temalarıyla uyumlu olduğunu unutmayın. Ancak, üç yöntemden ikisinde alt temaları kullanmanızı önerdiğimiz için uyumluluk sorunları olabilir. Bu durumda, üçüncü taraf sorunları için WooCommerce belgelerine göz atabilirsiniz.

Çözüm

Sonuç olarak, alışveriş sayfasının tasarımı ve ürünlerinizi nasıl gösterdiğiniz, dönüşümleriniz üzerinde büyük bir etkiye sahip olabilir. WooCommerce'de mağaza sayfası önceden oluşturulmuştur ve düzenini düzenlemek için bazı seçenekler olsa da, bunlar oldukça sınırlıdır.

Bu nedenle, bu kılavuzda açıklanan üç yöntemden herhangi birini kullanarak onu özelleştirmek, kalabalığın arasından sıyrılmanızı sağlayacaktır. Ayrıca, işletmenizi daha iyi temsil edecek ve müşterilerinize profesyonellik gösterecektir. Mağaza sayfasını üç farklı yöntemle nasıl özelleştireceğinizi gösterdik:

• manuel olarak
• Sayfa oluşturucularla
• Eklentiler ile

Hepsinin artıları ve eksileri var ama hepsi işi halledecekler, bu yüzden ihtiyaçlarınıza ve becerilerinize en uygun olanı kullanın. Kodlama becerileriniz yoksa, mağaza sayfasını sayfa oluşturucularınızla veya eklentilerle düzenleyebilirsiniz. WooCustomizer'ı kullanımı kolay olduğu, mağazanızı optimize etmek için size birçok özellik sunduğu ve ücretsiz bir sürümü olduğu için öneriyoruz.

Son olarak, sosyal medyada güçlü bir varlığınız varsa, Facebook Shop'u WooCommerce'e bağlamayı düşünmelisiniz. Bu şekilde, ürün kataloğunuzu Facebook'a yükleyebilirsiniz, böylece kullanıcılar ürünleri görebilir ve satın alma işlemini tamamlamak için doğrudan sitenizin ödeme sayfasına gidebilir. Mağazanızın diğer bölümlerini özelleştirmek istiyorsanız bu kılavuzlardan bazılarına göz atın:

• WooCommerce'de Hesap Sayfam nasıl özelleştirilir
• WooCommerce'de Sepete Ekle düğmesini özelleştirin
• WooCommerce Checkout (Kodlama ve Eklentiler) nasıl düzenlenir
• WooCommerce'de Hesabım Sayfasını Düzenleyin
• Divi'de WooCommerce Ürün Sayfası Nasıl Özelleştirilir

Şimdi bundan en iyi şekilde yararlanma ve WooCoommerce mağaza sayfanızı optimize etme zamanı . Bu yöntemlerden herhangi birini denediniz mi? Hangisi favorin? Lütfen onlar hakkında ne düşündüğünüzü bize bildirin ve herhangi bir sorunuz varsa bize bildirin!