Bu yazıda, daha özelleştirilmiş bir WordPress sitesi oluşturmak ve aynı zamanda WooCommerce mağazanızın satışlarını artırmak için Elementor ve WC Ürün Tablosunu nasıl birleştireceğinizi göstereceğiz.
WordPress, bir web sitesi oluşturma ve onu hızla çalışır hale getirme sürecini basitleştirir. WooCommerce, herhangi bir WordPress web sitesini tamamen çalışan bir çevrimiçi mağazaya dönüştürmenize olanak tanıyan bir WordPress plugin . Taklit site oluşturma riskiyle karşı karşıya kalırsınız, ancak varsayılan seçenek ve özellikleriyle devam ederseniz bu, iş ihtiyaçlarınız için uygun olmayabilir. Web sitenizi istediğiniz gibi tasarlayana ve özelleştirene kadar en iyi araçları bulmak çok önemlidir.
Mağazanızın işlevselliğini geliştirmek için birçok WordPress ve WooCommerce plugin amp , WooCommerce ürün sayfanızı özelleştirmek için en basit araçtır. En önemli avantajlarından biri olmasına rağmen bazı önemli dezavantajları da vardır. Örneğin plugin birleştirdiğinizde uyumluluk hataları ve diğer sorunlarla karşılaşma olasılığınız artar amp WordPress web siteleri için WooCommerce Ürün Tablosu ve Elementor plugin kullanırken durum böyle değildir 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 bunları birlikte kullanabilirsiniz.
- WooCommerce Ürün Tablosuna ve Elementor Çerçevelerine Hızlı Bir Bakış
- 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ş düğmeleri çeşitli ürün tablolarını düzenlemek için kullanılabilir.
WooCommerce Ürün Tablosuna ve Elementor Çerçevelerine Hızlı Bir Bakış
Daha önce de 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 mevcuttur. Bazı plugin geniş ölçekte kullanılmak üzere tasarlanırken diğerleri belirli bir özellik veya özellik eklemek için tasarlanmıştır.
Elementor, ilk uygulama türüne bir amp :
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 oluşturulma şekli üzerinde büyük ölçüde kontrol sahibi olursunuz.
WooCommerce Ürün Tablosu daha genel bir çözüm olsa da aynı zamanda daha hedefe yöneliktir:
Bu plugin WooCommerce ürünlerinizi ve hizmetlerinizi listeleyen dinamik, tamamen özelleştirilebilir tablolar oluşturmanıza olanak tanır. Bununla birlikte, WooCommerce ile olan etkileşimleri nedeniyle bu tablolar, ürün ve hizmetlerin çevrimiçi alışveriş yapanlar için kullanıcı dostu ve görsel olarak çekici bir şekilde görüntülenmesi için özellikle uygundur. Posts Table Pro plugin Elementor ile eşit şekilde etkileşime girer ve yalnızca WooCommerce ürünleri yerine herhangi bir WordPress içerik türünü bir tabloda listeler (ürünlerden ayrı bir şey görüntülemek istiyorsanız - gönderiler, sayfalar veya belgeler gibi) bunun yerine kullanılabilir.
WooCommerce Ürün Tablosu, birbirleriyle birlikte kullanıldığında önemli ölçüde çeşitli yetenekler sağlar. Bunları, WooCommerce mağazanızın satış sayısını artırmaya yardımcı olacak son derece önemli etkiler yaratmak için kullanabilirsiniz.
Artık işe koyulmanın zamanı geldi. Aşağıdaki bölümlerde, yukarıda gösterilenlere benzer efektler oluşturmak için WooCommerce Ürün Tablosu ve Elementor'u nasıl kullanabileceğinizi gösteren bazı gerçek dünya amp bakacağız.
Bu iki plugin birleştirme 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.
Öncelikle ve en önemlisi, 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 sorunsuz ve basit olması iyi bir şey. Bu adıma devam edebilmeniz için WooCommerce'in kendisi de kurulmalı ve etkinleştirilmelidir. Daha sonra projeniz üzerinde çalışmaya hazır olacaksınız.
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ı uygulamayla başlayalım. Alternatif olarak, Elementor web sitenizde 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üzenleyiciyi kullandığınızdan emin olun. Bildiğiniz WordPress arayüzü sunulursa Elementor arayüzüne geçmek için Elementor ile Düzenle düğmesine tıklayın:
Elementor ile ilk kez çalışıyorsanız, platformda küçük bir tur atalım. İçeriğinizin görüntüleneceği sağ tarafta geniş bir alan görünecek ve siz ekledikçe ve 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üzenleyip yapılandırabileceğiniz bir 'widget' listesi bulunmaktadır:
Bir ürün tablosu çeşitli farklı Elementor widget'larıyla kullanılabilir. Ancak bir sayfada yalnızca tek bir ürün tablosu görüntülemek istiyorsanız bunu sayfanın HTML koduna giriş metni bölümü ekleyerek 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 onu 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 onu dahil edebilirsiniz:
[ürün tablosu]
Kısa kodu sayfanıza eklediğinizde, tablo belirttiğiniz konumda görünecektir ve bunu ön uçta görüntüleyerek doğrulayabilirsiniz:
Bir öğeyi yalnızca kodun kendisi için kullanmak istiyorsanız Kısa Kod widget'ını kullanabilirsiniz.
Nereye koymaya karar verirseniz verin, masayı yerleştirmeyi bitirdiğinizde sayfayı kaydetmeyi asla unutmayın. Bunu takiben muhtemelen tablonun görünümünde ve işleyişinde bazı değişiklikler yapmak isteyeceksiniz.
Bu görevi tamamlamak için WordPress kontrol panelinize dönün ve WooCommerce > Ayarlar sekmesine gidin. Ürün tablolarına ekranın üst kısmındaki Ürünler ve ardından Ürün tabloları seçilerek ulaşılabilir:
WooCommerce ürün tablonuzu yapılandırmaya yönelik seçeneklerin kapsamlı bir listesini burada bulabilirsiniz. Tabloda görünen bilgiler üzerinde tam kontrol sizdedir ve diğer şeylerin yanı sıra filtreler ve değişkenler ekleyerek tabloyu özelleştirebilirsiniz. Farklı seçenekler hakkında daha fazla bilgi için plugin belgelerine bakın.
Elementor'u kullanarak yeni oluşturduğunuz ürün tablosunu başka hiçbir şey yapmanıza gerek kalmadan değiştirebileceksiniz. Tabloyu spesifikasyonlarınıza göre özelleştirmeyi bitirdikten sonra değişikliklerinizi kaydedin ve başlamaya hazırsınız!
Akordeonlar, sekmeler ve geçiş düğmeleri çeşitli ürün tablolarını 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 çok sayıda tablo oluşturacaksanız bu en iyi seçenek değildir.
Elementor'da bunu başarmanın birkaç farklı yolu vardır. amp Akordeon widget'ı, son örnek olayda gördüğümüz etkinin aynısını oluşturmak için kullanılabilir. Sağ taraftaki düzenleme alanından başlayarak Akordeon widget'ını sol taraftaki düzenleme alanına taşıyın.
Artı işaretlerine tıklayarak istediğiniz kadar ayrı sekme oluşturabilir ve her sekmedeki başlıkları ve metni özelleştirebilirsiniz. Ek olarak, daha önce belirtildiği gibi aynı kısa kodu kullanarak bir veya daha fazla sekmeye ürün tablosu ekleyebilirsiniz.
Tabii ki, basit bir kısa kodun eklenmesi, bir dizi benzer ürün tablosuyla sonuçlanacaktır; bu, büyük olasılıkla ilk etapta aradığınız şey değildir. Bunun yerine, her kısa kodu, tüm ürünler yerine yalnızca belirtilen ürünleri ( amp , belirli bir kategorideki ürünleri) görüntüleyecek şekilde özelleştirmeniz gerekecektir.
Kullanacağınız yöntem, söz konusu tabloların her birine dahil etmek ve tablodan çı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 kılavuzun tamamına 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ş widget'ını ve Sekmeler widget'ını içerir. WooCommerce ürün tablolarını sunmak açısından Elementor, başvuracağınız araçtır.
Ücretsiz çevrimiçi HTML, CSS ve JavaScript düzenleyicileri sayesinde özensiz işaretlemenizi temizleyin!
İşletmenizin rekabette öne çıkmasını istiyorsanız, e-ticaret web sitenizin tasarımına biraz ciddi düşünün. amp , ürünlerinizi sergilemenin en etkili yolunu, ideal olarak hem kullanıcı dostu hem de görsel olarak göze hitap eden bir tarzda belirlemek isteyeceksiniz.
Neyse ki, WooCommerce Ürün Tablosu plugin Elementor ile 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.
