Bu yazıda, WooCommerce mağazanızın satışlarını artırırken daha özelleştirilmiş bir WordPress sitesi oluşturmak için Elementor ve WC Ürün Tablosunu nasıl birleştireceğinizi göstereceğiz.
WordPress, bir web sitesi oluşturma ve hızlı bir şekilde çalışır duruma getirme sürecini basitleştirir. WooCommerce, herhangi bir WordPress web sitesini tamamen çalışan bir çevrimiçi mağazaya dönüştürmenize izin veren bir WordPress plugin . Taklit bir site oluşturma riskiniz vardır, ancak varsayılan seçenekleri ve özellikleriyle devam ederseniz, bu iş ihtiyaçlarınız için uygun olmayabilir. İstediğinizi elde edene kadar web sitenizi tasarlamak ve özelleştirmek için en iyi araçları bulmak çok önemlidir.
Birçok WordPress ve WooCommerce plugin ler mağazanızın işlevselliğini geliştirmek için kullanılabilir - ex için, Elementor amp le, senin WooCommerce ürün sayfasını özelleştirmek için en basit araçtır. En önemli avantajlarından biri olmasına rağmen, bazı önemli dezavantajları da vardır. Ex için amp , le birleştirdiğinizde WordPress plugin ler farklı yazarlardan, sen uyumluluk hataları ve diğer komplikasyonların karşılaşma şansı çalıştırın; WordPress web siteleri için WooCommerce Ürün Tablosu ve Elementor plugin kullanırken durum böyle değildir . Bu plugin herhangi birini kullanırken sitenizin görünümü ve işlevselliği üzerinde daha fazla kontrole sahip olacaksınız ve daha da mükemmel sonuçlar elde etmek için birlikte kullanılabilirler.
- WooCommerce Ürün Tablosuna ve Elementor Çerçevelerine Hızlı Bir Bakış
- Bir WooCommerce Ürün Tablosunu bir metin düzenleyiciye veya kısa kod widget'ına dahil etmek için şu adımları izleyin:
- Akordeonlar, sekmeler ve geçişler birkaç ürün tablosunu düzenlemek için kullanılabilir.
WooCommerce Ürün Tablosuna ve Elementor Çerçevelerine Hızlı Bir Bakış
Daha önce belirtildiği gibi, özel gereksinimlerinize göre kişiselleştirilmiş daha iyi bir WordPress sitesi oluşturmanıza yardımcı olacak çok çeşitli WordPress plugin bulunmaktadır. Bazı plugin büyük ölçekte kullanılmak üzere tasarlanırken, diğerleri belirli bir yön veya özellik eklemek için tasarlanmıştır.
Elementor ex olduğu amp le uygulamanın ilk Çeşidi:
Sayfa oluşturucu plugin , web sayfaları oluşturmak ve WordPress web sitenizi oluşturmak için size tamamen yeni bir arayüz sunar. Kapsamlı bir widget, blok ve düzen kitaplığı arasından seçim yaparak ve bunları özelleştirerek web sitenizin bir araya getirilme şekli üzerinde büyük bir kontrol elde edersiniz.
WooCommerce Ürün Tablosu daha genel bir çözüm olsa da, daha hedefli:
Bu plugin , WooCommerce ürünlerinizi ve hizmetlerinizi listeleyen dinamik, tamamen özelleştirilebilir tablolar oluşturmanıza olanak tanır. Bununla birlikte, WooCommerce ile etkileşimleri nedeniyle, bu tablolar, çevrimiçi alışveriş yapanlar için ürün ve hizmetleri kullanıcı dostu ve görsel olarak çekici bir şekilde görüntülemek için özellikle uygundur. Posts Table Pro plugin , Elementor ile eşit şekilde etkileşime girer ve herhangi bir WordPress içerik türünü yalnızca WooCommerce ürünleri yerine bir tabloda listeler (ürünlerden ayrı bir şey görüntülemek istiyorsanız - gönderiler, sayfalar veya belgeler gibi), bunun yerine kullanılabilir.
Elementor ve WooCommerce Ürün Tablosu birbirleriyle birlikte kullanıldığında önemli ölçüde çeşitli yetenekler sağlar. WooCommerce mağazanız için satış sayısını artırmaya yardımcı olacak oldukça önemli etkiler yaratmak için bunları kullanabilirsiniz.
Şimdi işe başlama zamanı. Aşağıdaki bölümlerde, eski bazı gerçek dünyaya bakacağız amp les yukarıda gösterilen benzer etkiler yaratmak için WooCommerce Ürün Tablo ve Elementor yararlanabilirler nasıl.
Bu iki plugin birleştirmek söz konusu olduğunda, sınır gökyüzüdür - ve bunlar olasılıklardan sadece birkaçıdır. Biraz deneme yanılma ile, göstereceğimiz aynı temel yaklaşımı kullanarak çeşitli sayfaları bir araya getirebilirsiniz.
Her şeyden önce, her iki plugin de sitenize doğru şekilde yüklendiğinden emin olmak isteyeceksiniz. Elementor'u kurmanın ve WooCommerce Ürün Tablosunu yapılandırmanın ağrısız ve kolay olması iyi bir şey. Bu adıma devam edebilmeniz için WooCommerce'in kendisinin de yüklenmesi ve etkinleştirilmesi gerekir. Ardından projeniz üzerinde çalışmaya hazır olacaksınız.
Bir WooCommerce Ürün Tablosunu bir metin düzenleyiciye veya kısa kod widget'ına dahil etmek için şu adımları izleyin:
Mümkün olan en temel ve faydalı uygulama ile başlayalım. Alternatif olarak, Elementor web sitenizde yalnızca dinamik bir ürün tablosu kullanmak istiyorsanız, bunu bir widget'a ekleyebilir ve web sitesinin ön ucunda görünmesini sağlayabilirsiniz.
Bunu gerçekleştirmek için herhangi bir sayfayı veya gönderiyi açtığınızda Elementor düzenleyicisini kullandığınızdan emin olun. Size tanıdık WordPress arayüzü sunulursa, Elementor arayüzüne geçmek için Elementor ile Düzenle düğmesini tıklayın:
Elementor ile ilk kez çalışıyorsanız, platformda küçük bir tur atalım. Sağ tarafta içeriğinizin görüntüleneceği geniş bir alan görünecek ve siz onu ekleyip değiştirdikçe gerçek zamanlı olarak güncellenecektir. Ekranın sol tarafında, belirlenen alana sürükleyebileceğiniz ve ardından gerektiği gibi yeniden düzenleyebileceğiniz ve yapılandırabileceğiniz bir 'widget' listesi vardır:
Bir ürün tablosu, çeşitli farklı Elementor widget'ları ile kullanılabilir. Ancak bir sayfada yalnızca tek bir ürün tablosu görüntülemek istiyorsanız, sayfanın HTML koduna bir tanıtım metni bölümü ekleyerek bunu gerçekleştirebilirsiniz. Metin Düzenleyici widget'ını alın ve aşağıdaki gibi boş bir yere taşıyın:
Bundan sonra, varsayılan metni kaldırmak ve istediğiniz içerikle değiştirmek için widget'ın içine tıklayabilirsiniz. Ürün tablosuna gelince, bu basit kısa kodu yapıştırarak ekleyebilirsiniz:
[ürün tablosu]
Kısa kodu sayfanıza eklediğinizde, tablo belirttiğiniz konumda görünür ve ön uçta görüntüleyerek doğrulayabilirsiniz:
Yalnızca kodun kendisi için bir öğe kullanmak istiyorsanız, Kısa Kod pencere aracını kullanabilirsiniz.
Masayı nereye koymaya karar verirseniz verin, masayı yerleştirmeyi bitirdiğinizde sayfayı kaydetmeyi asla unutmayın. Bunu takiben, muhtemelen tablonun nasıl göründüğü ve çalıştığı konusunda bazı değişiklikler yapmak isteyeceksiniz.
Bu görevi tamamlamak için WordPress panonuza dönün ve WooCommerce > Ayarlar sekmesine gidin. Ürün tabloları, ekranın üst kısmındaki Ürünler ve ardından Ürün tabloları seçilerek bulunabilir:
WooCommerce ürün tablonuzu yapılandırmak için kapsamlı bir seçenek listesi burada bulunabilir. Tabloda görünen bilgiler üzerinde tam kontrole sahipsiniz ve diğer şeylerin yanı sıra filtreler ve değişkenler ekleyerek özelleştirebilirsiniz. Farklı seçenekler hakkında daha fazla bilgi için plugin belgelerine bakın.
Elementor kullanarak az önce oluşturduğunuz ürün tablosunu başka bir şey yapmanıza gerek kalmadan değiştirebileceksiniz. Tabloyu spesifikasyonlarınıza göre özelleştirmeyi bitirdikten sonra, değişikliklerinizi kaydetmeniz yeterlidir ve artık hazırsınız!
Akordeonlar, sekmeler ve geçişler birkaç ürün tablosunu düzenlemek için kullanılabilir.
WooCommerce ürünlerinizle tek bir tablo sunmak istiyorsanız yukarıdaki çözüm işe yarar. Her biri farklı nesne kategorisine sahip birçok tablo oluşturacaksanız, bu en iyi seçenek değildir.
Elementor'da bunu başarmanın birkaç farklı yolu vardır. Akordeon widget'ı, ex için amp le, geçen vaka çalışmasında gördüğümüz aynı etkiyi oluşturmak için kullanılabilir. Sağdaki düzenleme alanından başlayarak, Akordeon widget'ını soldaki düzenleme alanına taşıyın.
Artı işaretlerine tıklayarak istediğiniz kadar ayrı sekme oluşturabilir, her birinin içindeki başlıkları ve metni özelleştirebilirsiniz. Ek olarak, daha önce belirtildiği gibi aynı kısa kodu kullanarak bir veya daha fazla sekmeye bir ürün tablosu ekleyebilirsiniz.
Tabii ki, basit bir kısa kodu eklemek, büyük olasılıkla aradığınız şey olmayan benzer ürün tablolarının art arda gelmesine neden olacaktır. Bunun yerine, her shortcode sadece belirtilen ürünleri görüntülemek için özelleştirmek gerekir - ex için amp le, belli bir kategoriden öğeleri - yerine tüm ürünler.
Kullanacağınız yöntem, söz konusu her tablodan dahil etmek ve çıkarmak istediğiniz ürünlere göre belirlenecektir. Ek bilgi için lütfen WooCommerce Ürün Tablosu kısa kodlarınızı özelleştirmeye yönelik eksiksiz kılavuza bakın.
Diğer bazı yararlı Elementor widget'larının yardımıyla benzer bir etki elde edebileceğinizi belirtmekte fayda var; bu, diğer bileşenlerin yanı sıra Geçiş pencere aracını ve Sekmeler pencere öğesini içerir. Birkaç WooCommerce ürün tablosunu çekici ve iyi organize edilmiş bir şekilde sunma açısından Elementor, başvuracağınız araçtır.
Ücretsiz çevrimiçi HTML, CSS ve JavaScript düzenleyiciler sayesinde özensiz işaretlemenizi temizleyin!
İşletmenizin rekabette öne çıkmasını istiyorsanız, e-ticaret web sitenizin tasarımına biraz ciddi düşünün. Ex için amp le, ideal kullanıcı dostu ve görsel göze hitap ikisi de bir tarzda, ürün vitrine en etkili şekilde belirlemek isteyeceksiniz.
Neyse ki, Elementor ile WooCommerce Ürün Tablosu plugin kullanmak bunu basit bir görev haline getiriyor. Ürün tablosu kısa kodunuz, sitenizin sunduğu her şeyi (veya yalnızca bir seçimi) gerçekten dinamik bir şekilde görüntülemek için kullanılabilir.
