WooCommerce ürün kategorilerinizi Elementor ile tasarlayın

Elementor, yeni özellikler ekleyerek varsayılan WordPress oluşturucunun işlevselliğini geliştirmek için olağanüstü bir WordPress sayfa oluşturucusudur.

Hatırlarsanız, WordPress'in ilk sürümleri özellikle kullanıcı dostu değildi. Sınırlı işlevselliğe sahip olmanın yanı sıra, web siteniz için temel bir tasarım oluşturmak için önceden hazırlanmış WordPress temalarına güvenmenizi gerektiriyordu. Ancak, birçok kullanıcı için, WordPress temalarının temel işlevleri yetersizdi ve plugin yüklenmesini veya tema kodunun manuel olarak düzenlenmesini gerektiriyordu.

• WooCommerce ve Elementor kombinasyonu
• Elementor'da Kategori Sayfası Oluşturma
• Düzen ayarları

Elementor, WordPress'e benzer blok tabanlı bir oluşturucudur, ancak daha sezgisel, duyarlı ve zengin özelliklere sahip olması nedeniyle WordPress oluşturucudan çok daha gelişmiştir. En önemlisi, bir satır kod yazmak zorunda kalmadan harika bir web sitesi oluşturabilirsiniz!!

WooCommerce ve Elementor kombinasyonu

WP-WooCommerce ve Elementor, günümüzde mevcut olan en yaygın kullanılan WordPress plugin ikisidir. Her birinin sunduğu esneklik miktarı ve çok sayıda özellik paha biçilemez. Bir e-ticaret mağazası işletiyorsanız, WooCommerce, sahip olabileceğiniz hemen hemen tüm ihtiyaçlar için en iyi plugin . Hemen hemen her ihtiyaç için mevcut en kapsamlı plugin .

Ayrıca Elementor, piyasada bulunan en etkili sürükle ve bırak web sitesi oluşturucularından biridir. Web sitenizdeki hemen hemen her sayfayı hızlı bir şekilde tasarlama, özelleştirme ve döşeme olanağı sağlar. Daha da fazlası, mega menüler oluşturma ve son derece kullanışlı çok çeşitli eklentilere ve şablonlara erişme gibi özellikler mevcuttur. Hem WooCommerce hem de Elementor'un yardımıyla, mümkün olan en az masraf ve çabayla profesyonel kalitede Mağaza ve İşletme sayfaları tasarlayabilir ve oluşturabilirsiniz. Elementor'un yardımıyla Mağaza düzenlerinizi, ürün ızgaralarınızı ve karusellerinizi tamamen özelleştirebilir ve çeşitli güzel düzenler arasından seçim yapabilirsiniz. Ayrıca, müşterilerinize daha fazla kolaylık sağlamak için ödeme ve alışveriş sepeti sayfalarınızı kurma ve kişiselleştirmenin yanı sıra bunları çeşitli ödeme seçenekleri ve özelliklerle entegre etme yeteneği de mevcuttur.

Ek olarak, dijital ürünler için özel sayfalar ve tasarımlar oluşturabilir, diğer şeylerin yanı sıra nakliye ve ödemeler için özel sayfa seçenekleri ve posta ve ön satın alma sayfaları dahil edebilirsiniz. Tüm bunlar, şirketinizin web sitesinin hem profesyonel hem de kullanıcı dostu görünmesine katkıda bulunur. Kullanıcı dostu harekete geçirici mesaj düğmeleri, paralaks için hazır kaydırıcılar ve bir dizi başka özellikle birlikte, WooCommerce işlevselliğini web sitenize entegre edebilirsiniz. Mevcut fırsatların sayısı neredeyse sınırsızdır. Şimdi, yeterince ikna olduysanız, planınızı eyleme geçirme sürecinde size yol gösterelim. Mağaza sayfanızı daha davetkar hale getirmek için çeşitli şeyler yapabilirsiniz ve amaç, bu adımların WooCommerce mağazanız için daha davetkar bir Mağaza sayfası oluşturmanıza yardımcı olmasıdır.

Elementor'da WooCommerce Kategori Sayfası Oluşturma

WooCommerce'e aşina iseniz, ürün kategorilerinin, ürünlerinizi müşteriler tarafından uygun şekilde teşhir ve erişim için organize etmede kritik olduğunu bilirsiniz - aradıklarını ne kadar çabuk bulabilirlerse o kadar iyidir. Ancak ürün kategorileri tam olarak nedir?

Müşteriler, alışveriş sayfanızda ürünlerinize göz atmak için önemli miktarda zaman harcarlar, bu nedenle olumlu bir deneyime sahip olmaları gerekir. Mağazanızın web sitesindeki ürünlere bakmak için düzinelerce sayfada gezinmek zorunda kalmaktan daha sinir bozucu bir şey olamaz.

Sonuç olarak, müşterilerinize daha iyi bir alışveriş deneyimi sunmak için kategorizasyon esastır. Giyim veya ayakkabı gibi her türlü ürün için iyi düzenlenmiş ve organize edilmiş bir bölüm varsa, müşteriler tercihlerini sıralamayı ve filtrelemeyi daha kolay bulacaktır. Harekete geçirici mesaj düğmeleri, öne çıkan ürün bölümleri, satışlar veya teklifler için açılır pencereler ve diğer benzer bileşenler gibi potansiyel müşteri oluşturma öğelerini bu bölüme eklemek, onu ziyaretçiler için daha çekici hale getirebilir.

Bir WooCommerce mağazanız varsa ve onu yenilemek istiyorsanız, bu eğitim tam olarak başlamak için ihtiyacınız olan şeydir.

Birçok WooCommerce teması, Ürün Kategorileri için iş ihtiyaçlarınıza en uygun olan veya olmayan varsayılan bir düzen içerir. Bu varsayılanlar bazı yararlı özelliklerden oluşsa da, sıklıkla özelleştirilemezler.

Hadi işe başlayalım.
Ürününüzü kurduktan sonra, bir kategoride görünmesi için yayınlamadan önce aşağıdakileri yapmanız gerekir:

Bu aşamada ürün şablonunuzun nerede görüneceğini belirleyecek koşulları siz belirleyeceksiniz. Bir şablon kullandığınızda, sitenizdeki tüm ürün sayfalarına otomatik olarak uygulanır. Ayrıca aramanızı belirli bir ürün kategorisine göre daraltabilirsiniz.

Yayınla'ya tıklayın ve tek ürününüz artık satın alınabilir!

Henüz işimiz bitmedi.
Az önce yaptıklarımız, kategorileri sitemizde canlı tutmak için yeterli değil; kategorileri web sitemizin tümünde veya bazı sayfalarında yayınlamak için hala birkaç şey ayarlamamız gerekiyor. Görevi tamamlamak için tüm ürünleri etkileyecek bir ürün kataloğu sayfası veya belirli bir ürün kategorisini etkileyecek bir katalog sayfası oluşturun.
Bunu yapmak için önce Elementor > Şablonlarım'a dönün ve bir ürün arşiv şablonu oluşturun. Ardından, mevcut bir şablonu seçin veya yeni bir tane oluşturun. Arşiv Ürünleri pencere aracının ve Arşiv Başlığı pencere aracının görünümünü sayfanıza ekleyerek özelleştirin.

Tek ürün şablonunuz için önceden oluşturduğunuz tasarıma uyacak şekilde özelleştirmek için sayfalar arasında kopyalama stili işlevini kullanın ve ardından değişikliklerinizi kaydedin.
Ürün sayfasına dönün ve açılır menüden Kopyala'yı seçin. Arşiv ürününe geri döndüğünüzde Stili Yapıştır'a sağ tıklayın. Ürünleri Arşivle ayarlarındaki Sorgu > Kaynaklar açılır menüsünden En Son Ürünler'i seçin.
Ardından Ürün Kategorisi açılır menüsünden halkaları seçin. Bu şekilde sadece yüzük kategorisi görüntülenecektir. Belirli bir kategori için uzun bir ürün listeniz varsa, sayfalandırmayı açmalısınız.
Stil sekmesini seçerek sütunlar ve satırlar arasındaki mesafeyi özelleştirebilirsiniz. Tasarımın renklerini, yazı tiplerini ve diğer yönlerini değiştirin.

Yayın öncesi, tek ürün şablonu için yaptığınız gibi arşivin nerede görüneceğini belirleyen koşulları seçin ve ardından yayınlayın.

"Yayınla" düğmesine bastığınızda, arşiv sayfanız yayında olacaktır.

Elementor pro, tüm seçenekleriyle size hızlı ve temiz ürün kategorileri tasarlama imkanı sunar;

Elementor Pro'da bulunan seçeneklerle aşağıdakileri gerçekleştirebilirsiniz:

WooCommerce ürün kategorileri için düzen ayarları

• Sütunlar: 1'den 12'ye kadar görüntülenecek tam sütun sayısını ayarlayın
• Kategori Sayısı: Görüntülenecek kategori sayısını seçin

Sorgu ayarları

• Kaynak: Tümü, El İle Seçim, Ebeveyne Göre veya Geçerli Alt Kategoriler arasından seçim yaparak kategorilerin görüntüleneceği kaynağı seçin. Manuel Seçim seçilirse, hangi kategorilerin görüntüleneceğini manuel olarak seçin. "Ebeveyn Tarafından" seçilirse, Yalnızca En Üst Düzeyden seçim yapın veya açılır listeden tek bir kategori seçin.
• Boşu Gizle: İçinde ürün olmayan kategorilere Evet olarak ayarlayın
• Şuna Göre Sırala: Kategorilerin görüntüleneceği sırayı ayarlayın. Seçenekler arasında Ad, Bilgi, Açıklama veya Sayı bulunur
• Sıralama: Kategorileri ASC veya DESC (Artan veya Azalan) sırayla görüntülemek için seçin

Stil ayarları

• Sütun Boşluğu: Sütunlar arasındaki tam boşluğu ayarlayın
• Satırlar Boşluğu: Satırlar arasındaki tam boşluğu ayarlayın
• Hizalama: Ürün verilerini sola, sağa veya ortaya hizalayın

Görüntü ayarları

• Kenarlık Türü: Yok, düz, çift, noktalı, kesikli veya oluklu arasından seçim yaparak kenarlık türünü seçin
• Kenar Yarıçapı: Kenarlığın köşe yuvarlaklığını kontrol etmek için yarıçapı ayarlayın
• Aralık: Görüntüler ve verileri arasındaki boşluk miktarını ayarlayın

Başlık ayarları

• Renk: Başlık rengini seçin
• Tipografi: Başlık metni için tipografi seçeneklerini ayarlayın

Sayma ayarları

• Renk: Sayım için renk seçin
• Tipografi: Sayım için tipografi seçeneklerini ayarlayın

Sonuç

Elementor'daki WooCommerce Builder, ürün sayfalarınızı görsel olarak oluşturmak ve ince ayar yapmak için ihtiyaç duyduğunuz tasarım esnekliğini sağlar. Bir fikirden hayata geçmek için geçen süre , ve tamamen işlevsel çevrimiçi WooCommerce mağazası, bu size zaman kazandırmanın bir sonucu olarak önemli ölçüde azalır. Genel olarak, WooCommerce mağaza sayfanızı Elementor ile özelleştirmek, web sitenizin genel performansını önemli ölçüde etkileme potansiyeline sahiptir. Ürünlerinizi müşterilerin görmesi ve satın alması için mümkün olan en iyi şekilde düzenleyerek ve sergileyerek satışlara yardımcı olabilir veya satışları engelleyebilirsiniz. Elementor'da WooCommerce Mağaza Sayfanızın kurulumu ve özelleştirilmesi bu kılavuzdaki adımlarla gösterilecektir. Ancak, sorunun kapsamı açısından bunun sadece buzdağının görünen kısmı olduğunu unutmayın. Bu temel gösterimde, mağazanız için ideal Mağaza sayfasını oluşturmak üzere Elementor kullanımına bir giriş gösterilmektedir. Bunu bir başlangıç ​​noktası olarak kullanın ve bu harika sayfa oluşturucudan en iyi şekilde yararlanmak için onunla oynayın