Ücretsiz WordPress Eklentisi ile Ürün Karşılaştırma Tablosu Nasıl Yapılır?

Yayınlanan: 2022-05-04

İçindekiler

Ürün karşılaştırma tabloları, iki veya daha fazla hizmet/ürün hakkındaki bilgilerin görselleştirilmesine ve yapılandırılmasına yardımcı olur. Kaynak kullanılabilirliğine büyük katkı sağlarlar ve müşterilerin satın alma konusunda daha hızlı karar vermelerine yardımcı olurlar. Şimdiye kadar, bir WordPress karşılaştırma tablosu eklentisi, tabloları en kısa sürede oluşturmanın en etkili yoludur. İşlevleri ayrıca fiyatlandırma planlarını, üyelikleri, programları, rekabet puanlarını ve daha fazlasını karşılaştırmak için de çalışır.

Ürün Karşılaştırma Tablolarını Neden Kullanmalısınız?

  1. Temel özelliklerin veya artıların/eksilerin görsel karşılaştırması ( çevrimiçi mağazalar, hizmet web siteleri ve daha fazlası için önemlidir)
  2. Her seçeneği farklı kılanın hızlı gösterimi (özellikler, fiyatlandırma, tek üyelikte hizmet sayısı)
  3. Daha pahalı bir seçenek seçme dürtüsü ("en iyi fırsat" veya "en popüler" olarak etiketleyerek)

Ücretsiz Ürün Ve Fiyat Karşılaştırma Tablosu Oluşturun

Elementor veya Gutenberg'de çalışıyorsanız ve ücretsiz ürün karşılaştırma tablosu WordPress eklentileri arıyorsanız daha fazlasını okuyun.

Elementor için Ücretsiz WordPress Karşılaştırma Tablosu Eklentisi

Stratum for Elementor , MotoPress'te sunabileceğimiz ürün karşılaştırma tabloları eklemek için en iyi çözümdür.

Başlangıçta, Stratum, Elementor için 24'ten fazla gelişmiş widget'tan oluşan ücretsiz bir kitaplıktır:
Stratum Elementor Widget'ları listesi
Stratum'da Öne Çıkanlar:

  • 24+ çok amaçlı Elementor widget'ı
  • Hem kişisel blog hem de büyük işletme kaynakları için evrensel
  • Stratum PRO'da genişletilmiş işlevsellik
  • Gelişmiş tasarım araç zinciri
  • Elementor şablon kitaplığı entegrasyonu
  • Widget'lar, geçerli temanın görsel stilini devralır
  • Diğer eklentilerle tam uyumlu

Katman DEMO'su.

Eklentinin ücretsiz sürümü, Fiyat Tablosu widget'ı da dahil olmak üzere bu listedeki çoğu öğeye erişim sağlar. Bu öğe, Elementor PRO'nun Fiyat Tablosu pencere öğesiyle aynıdır. Ancak, ücretli sürümün aksine, Stratum, kullanıcıların ücretsiz olarak güzel görünümlü fiyat tabloları oluşturmasına olanak tanır.

Stratum Fiyat Tablolarının Temel Unsurları:

  1. çoklu metin bölümleri (altyazılar ve sınırsız liste öğesi
  2. son derece özelleştirilebilir CTA düğmesi (URL ile)
  3. normal ve vurgulu stil ayarları

Ayrıca Bakınız : Stratum Widget'ları: Elementor Fiyatlandırma Tablosu Widget'ı

Şimdi, Stratum kullanarak Elementor'da fiyatlandırma planları için bir karşılaştırma tablosu yapmayı öğrenelim.

Ama önce, hem Elementor hem de Stratum eklentilerini kurduğunuzdan ve etkinleştirdiğinizden emin olun.

Adım 1: Yapıyı Seçin

Fiyat tabloları söz konusu olduğunda, genellikle çok sütunlu bir bölüm seçerek başlarsınız. Sütunların sayısı, karşılaştırılan ürünlerin/hizmetlerin/planların sayısına bağlı olacaktır.

En yaygın yapı, eşit sütunlara sahip üç sütunlu bir tablodur:
Elementor için Fiyat Tablosu Widget'ı

2. Adım: Widget'ı Sayfanıza Ekleyin

Tercih edilen düzeni seçtikten sonra, Stratum widget'ları listesinde Fiyat Tablosu widget'ını bulun. Şimdi, widget'ı her sütuna sürüklemeniz gerekiyor:

Widget, daha iyi bir görsel temsil için varsayılan içerikle birlikte gelir:
Elementor için Fiyat Tablosu Widget'ı

3. Adım: İçeriği Özelleştirin

İçerik ayarları bu widget'ın özüdür. Fiyat tablosuna şunları yerleştirebilirsiniz:

  • Başlık ve alt başlık
  • Fiyat metni ve fiyat alt başlığı
  • Fiyat değeri
  • Para birimi ve para birimi hizalaması
  • Fiyat açıklaması
  • Liste öğeleri (sınırsız)
  • Bir sayfaya bağlanan bir düğme

Tüm metin içeriği, satır yüksekliğini, harf aralığını ve sözcük aralığını özelleştirme yeteneği ile tipografi (yazı tipi, boyut, stil, dekorasyon vb.) ayarları sağlar.

Liste bölümü, sınırsız sayıda özellik eklemenizi sağlar. Gerekirse hepsine ayrı bir öğe simgesi eklenebilir.
Fiyat Tablosu Widget İçeriği

4. Adım: Stili Özelleştirin

Stil ayarlarında, her metin bölümü ve düğmesi için ayrı bir renk ayarlayabilirsiniz:
Fiyat Tablosu Widget Stili

Adım 5: Gelişmiş Ayarları Kullanın

Son olarak, kenar boşluklarını ve dolguyu ayarlamak, hareket efektleri uygulamak, arka planı seçmek, kenarlıkları uygulamak ve daha fazlası için Gelişmiş sekmesini kullanın.

Bu arada, her sütunu ayrı ayrı düzenlemek yerine, tüm widget'ın tasarımını bir sonraki sütuna kopyalarsınız. Bu sütunların tasarımda aynı görünmesini sağlamak zamandan ve emekten tasarruf sağlayacaktır.

Bu nedenle, biraz ince ayar yaptıktan sonra, WordPress ürün karşılaştırma tablonuz şu şekilde görünebilir:
Fiyat Tablosu Widget Örneği

Stratum PRO'nun PS Kullanıcıları, Gelişmiş Tablo widget'ından yararlanabilir. Stratum Table widget'ı bir web sitesinde şöyle görünebilir:
Stratum WordPress karşılaştırma tablosu eklentisi
Bu Advanced Table Elementor widget'ı hakkında daha fazla bilgiyi bağlantıdan okuyun.

Gutenberg için Ücretsiz WordPress Karşılaştırma Tablosu Eklentisi

Gutenberg kısmı için, Gutenberg için 40'tan fazla çok amaçlı bloktan oluşan ücretsiz bir kitaplık olan Getwid'i kullanacağız.

Çekirdek Gutenberg bloklarıyla karşılaştırıldığında, Getwid öğeleri işlevsellik ve stil açısından daha gelişmiştir. Özel özelliklere sahip birçok benzersiz blok var:
Getwid blokları
Getwid'in Öne Çıkanları:

  • 40+ çok amaçlı blok
  • 35+ önceden oluşturulmuş şablon
  • İş odaklı bloklar
  • her blokta birden fazla ayar ile satır içi düzenleme
  • herhangi bir WP temasıyla mükemmel etkileşim
  • akıllı yapılandırma ayarları
  • adım adım eğitim videoları

Getwid DEMO'yu görüntüleyin.

Getwid Fiyat Kutusu Bloğu

Fiyat Tablosu widget'ına alternatif olarak Getwid, fiyatlandırma ve karşılaştırma tablolarını görüntülemek için neredeyse aynı bir Fiyat Kutusu bloğu sağlar.

Blok ayarları, başlıklar vb. için içerik ve stil ayarlarını içerir. Bloğu gerçek canlı modda düzenleyebilirsiniz:
petotel fiyat kutusu

Gutenberg için Fiyat Kutusu hakkında daha fazla bilgiyi buradan okuyun.

Getwid Gelişmiş Tablo Bloğu

Bir sonraki Gelişmiş Tablo bloğu ile Getwid, tüm bir WordPress özel tablo eklentisini tamamlayabilir.

Bloğu eklemek için Gutenberg editörüne gidin ve “+” düğmesine tıklayın. Getwid blokları listesinde Gelişmiş Tabloyu bulun ve eklemek için tıklayın.

Gerekli sayıda satır ve sütunu seçin.

Birden fazla hücre seçmek için Ctrl tuşunu basılı tutabilirsiniz. Aralığı seçmek için Shift tuşunu basılı tutun:
Getwid ürün karşılaştırma tablosu

Şimdi Tablo ayarlarına gidin ve düzeni ve içeriği özelleştirin:

  1. Bir tablo düzeni seçin: varsayılan, otomatik veya sabit;
  2. Varsayılan tablo kenarlıklarını bırakın veya kaldırın;
  3. Tablo üstbilgisini ve altbilgisini ekleyin;
  4. Genel arka plan ve metin renklerini ayarlayın (her hücreye özel renk uygulama özelliği ile);
  5. Yatay ve dikey hizalamayı seçin:
  6. İçerik hizalamasını seçin;
  7. Metin ve arka plan renklerini özelleştirin;
  8. Tablo kenarlıkları ekleyin ve özelleştirin (isteğe bağlı olarak);
  9. Seçilen hücreler için dolgular uygulayın.

Tamamlamak!

İşte Getwid'in çoğaltabileceği birçok ürün karşılaştırma tablosu örneğinden biri:
Getwid ürün karşılaştırma tablosu

WordPress Karşılaştırma Tablosu Eklentileri Üzerine Son Söz

Artık WordPress'te ücretsiz bir karşılaştırma tablosu oluşturmayı biliyorsunuz. Görebileceğiniz gibi, hem Stratum & Getwid size premium benzeri bir işlevsellik ücretsiz olarak sunuyor. Eklentiler, gerçek zamanlı özelleştirmeyi sağlamak için en kolay öğrenme eğrisine ve görsel arayüze sahiptir.