WooCommerce ürün kategorilerinizi Elementor ile tasarlayın

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

Hatırlarsanız WordPress'in ilk sürümleri pek 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şlevselliği 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şturucusundan ç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 en yaygın kullanılan WordPress plugin ikisidir. Her birinin sunduğu esneklik miktarı ve çok sayıda özellik kesinlikle paha biçilemez. Bir e-Ticaret mağazası işletiyorsanız WooCommerce, hemen hemen her ihtiyacınıza yönelik en iyi plugin . Hemen hemen her türlü ihtiyaç için mevcut en kapsamlı plugin .

Ayrıca Elementor, piyasadaki 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üzenleme olanağı sağlar. Dahası, mega menüler oluşturma ve çok çeşitli eklentilere ve son derece kullanışlı şablonlara erişme gibi özellikler de 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 tablolarınızı ve karusellerinizi tamamen özelleştirebilir, ayrıca çeşitli güzel düzenler arasından seçim yapabilirsiniz. Ayrıca, ödeme ve alışveriş sepeti sayfalarınızı oluşturup kişiselleştirmenin yanı sıra, müşterilerinize daha fazla kolaylık sağlamak için bunları çeşitli ödeme seçenekleri ve özelliklerle entegre etme olanağı da mevcuttur.

Ek olarak, diğer şeylerin yanı sıra dijital ürünler için özel sayfalar ve tasarımlar oluşturabilir, gönderim ve ödemeler için özel sayfa seçenekleri, 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, paralaksa hazır kaydırıcılar ve diğer birçok özellik ile 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 bu adımların amacı, WooCommerce mağazanız için daha davetkar bir Mağaza sayfası oluşturmanıza yardımcı olmaktır.

Elementor'da WooCommerce Kategori Sayfası Oluşturma

WooCommerce'e aşina iseniz, ürün kategorilerinin, ürünlerinizi müşteriler tarafından uygun şekilde görüntülenecek ve erişilebilecek şekilde organize etmede kritik öneme sahip olduğunu biliyorsunuz; aradıklarını ne kadar hızlı bulabilirlerse o kadar iyi. Peki ürün kategorileri tam olarak nedir?

Müşteriler, mağaza sayfanızda ürünlerinize göz atarak önemli miktarda zaman harcıyorlar, bu nedenle olumlu bir deneyim yaşamaları gerekiyor. Mağazanızın web sitesindeki ürünlere bakmak için düzinelerce sayfa arasında gezinmek zorunda kalmaktan daha sinir bozucu bir şey olamaz.

Sonuç olarak, müşterilerinize daha iyi bir alışveriş deneyimi sunmak için sınıflandırma önemlidir. 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. Bu bölüme harekete geçirici mesaj düğmeleri, öne çıkan ürün bölümleri, satış veya teklifler için açılır pencereler ve diğer benzer bileşenler gibi potansiyel müşteri yaratma unsurları eklemek, onu ziyaretçiler için daha çekici hale getirebilir.

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

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ı özellikler içerse de sıklıkla özelleştirilemezler.

Hadi işimize bakalı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ı belirleyeceksiniz. Bir şablon kullandığınızda sitenizdeki tüm ürün sayfalarına otomatik olarak uygulanacaktır. Ayrıca aramanızı belirli bir ürün kategorisine daraltabilirsiniz.

Yayınla'ya tıkladığınızda tek ürününüz artık satın alınabilir!

Henüz işimiz bitmedi.
Kategorilerin sitemizde yayına girmesi için yaptıklarımız yeterli değil; Kategorilerin web sitemizin tüm sayfalarında veya bazı sayfalarında yayınlanmasını sağlamak için yine de birkaç şey ayarlamamız gerekiyor. Görevi tamamlamak için tüm ürünleri etkileyecek bir ürün katalog sayfası veya belirli bir ürün kategorisini etkileyecek bir katalog sayfası oluşturun.
Bunu yapmak için öncelikle Elementor > Şablonlarım'a dönün ve bir ürün arşivi şablonu oluşturun. Daha sonra mevcut bir şablonu seçin veya yeni bir tane oluşturun. Arşiv Ürünleri widget'ının ve Arşiv Başlığı widget'ının görünümünü sayfanıza ekleyerek özelleştirin.

Tek ürün şablonunuz için önceden oluşturduğunuz tasarımla eşleşecek ş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. Arşiv Ürünleri 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 yalnızca zil kategorisi görüntülenecektir. Belirli bir kategoriye ait 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. Renkleri, yazı tiplerini ve tasarımın diğer yönlerini değiştirin.

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

"Yayınla"ya bastığınızda arşiv sayfanız yayında olacaktır.

Elementor pro, çok sayıda seçenekle size hızlı ve temiz ürün kategorileri tasarlama olanağı sunar;

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

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

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

Sorgu ayarları

• Kaynak: Tümü, Manuel Seçim, Ana Öğeye 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. “Ebeveyne Göre” seçilirse, Yalnızca Üst Düzey arasından seçim yapın veya açılır listeden tek bir kategori seçin.
• Boşluğu Gizle: İçinde ürün bulunmayan kategoriler için Evet olarak ayarlayın
• Sırala: Kategorilerin görüntüleneceği sırayı ayarlayın. Seçenekler arasında Ad, Bilgi, Açıklama veya Sayım yer alır
• 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ır 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ü: Hiçbiri, düz, çift, noktalı, kesikli veya oluklu arasından seçim yaparak kenarlık türünü seçin
• Kenarlık Yarıçapı: Kenarlığın köşe yuvarlaklığını kontrol etmek için yarıçapı ayarlayın
• Aralık: Görüntüler ve veriler 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

Sayım ayarları

• Renk: Sayım için rengi seçin
• Tipografi: Sayım için tipografi seçeneklerini ayarlama

Çözüm

Elementor'daki WooCommerce Builder, ürün sayfalarınızı görsel olarak oluşturmak ve ince ayarlar yapmak için ihtiyaç duyduğunuz tasarım esnekliğini sağlar. Bir fikirden hayata geçmek için gereken süre , ve tamamen İşlevsel çevrimiçi WooCommerce mağazasının maliyeti önemli ölçüde azalır ve bunun sonucunda zamandan tasarruf edersiniz. 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örebileceği ve satın alabileceği en iyi şekilde düzenleyip sergileyerek satışlara yardımcı olabilir veya engel olabilirsiniz. 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 yalnızca 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 amacıyla Elementor'u kullanmaya 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