WordPress’te Ürün Karşılaştırma Tablosu Nasıl Yapılır
Karşılaştırma tablosu, kullanıcılara benzer ürünler hakkında hızlı ayrıntılar sağlar veya yan yana göstererek farklıdır. Bu, müşterilerin karar verme sürecinde ve sitenizdeki müşteri deneyimini geliştirmelerine yardımcı olur. Bununla birlikte, karşılaştırma tablonuza özel özellikler eklemek istiyorsanız biraz karmaşık olabilir. Neyse ki, Elementor Happy Addons gibi çeşitli yararlı eklentiler sunarak süreci kolaylaştırıyor. ‘Mutlu adres’ karşılaştırma tablosu widget’ıyla, birkaç ürün özelliğini bir karede kolayca görüntüleyebilirsiniz.
Bu blog öğreticisinde, WordPress sitenizde bir karşılaştırma tablosu oluşturmayı öğreneceksiniz. Temel sorgularla başlayalım- iş web sitesi karşılaştırma tablonuz için önemli ürünlerin karşılaştırılması neden daha iyi bir anlayış için çeşitli ürün veya hizmetlerden veri gruplarını yan yana görüntüleyebileceğiniz tabloya atıfta bulunuyor.
Bir karşılaştırma tablosu örneği
Bu esas olarak e -ticaret web sitesinde farklı ürün modellerini, görüntüleri, özellikleri, fiyatları, açıklamaları vb. Paylaşmak için kullanılır. Bununla birlikte, web sitesi sahibi ayrıca, aynı tablo altındaki rakip ürünlerini karşılaştırarak ürünlerinin en iyi ürünler olduğunu kanıtlamak için bir karşılaştırma tablosu kullanır.
Bu, müşterilerin bir ürünün artılarını ve eksilerini bir anda bulmalarına yardımcı olur. Bu etkili karşılaştırma tablosu verilerini kullanarak, müşteriler birkaç dakika içinde doğru ürünü seçebilir ve değerli zaman kazandırabilir. Katkı Maddeleri Ürün Karşılaştırma Tabloları Oluşturmaya Ne Kadar
Bu esas olarak e -ticaret web sitesinde farklı ürün modellerini, görüntüleri, özellikleri, fiyatları, açıklamaları vb. Paylaşmak için kullanılır. Bununla birlikte, web sitesi sahibi ayrıca, aynı tablo altındaki rakip ürünlerini karşılaştırarak ürünlerinin en iyi ürünler olduğunu kanıtlamak için bir karşılaştırma tablosu kullanır.
Bu, müşterilerin bir ürünün artılarını ve eksilerini bir anda bulmalarına yardımcı olur. Bu etkili karşılaştırma tablosu verilerini kullanarak, müşteriler birkaç dakika içinde doğru ürünü seçebilir ve değerli zaman kazandırabilir. Katkı Maddeleri Ürün Karşılaştırma Tabloları Oluşturmaya Ne Kadar
Yeni Gutenberg Block Editor ile temel ihtiyaçlarınız için bir tablo oluşturabilirsiniz. Ancak, ürün karşılaştırmaları için bir ürün karşılaştırma tablosu oluşturmak istiyorsanız, 3. taraf eklentisine ihtiyacınız var veya bu özellik için özel bir kod yazıyorsunuz. Ücretsiz eklenti birkaç başlangıç özelliği ile donatılmış olduğu için çok zaman ve para harcıyor. Bu widget ile, ürünlerinizi yan yana daha organize bir şekilde karşılaştırmak için duyarlı tabloları verimli bir şekilde yapabilirsiniz ve ayarlayabilirsiniz. Bakalım neden mutlu eklentiler widget’ını kullanmanız gerekiyor:
Hücresel dostu
Bitmiş büyük kütüphane şablonları
Sütuna resim ekle
Çeşitli destek simgeleri
Hazır Yapılmış Masa Tasarımları Sunun
WordPress’te mükemmel bir özellik karşılaştırma tablosu tasarlamak size mutlu bir eklenti karşılaştırma tablosunu nasıl kullanacağınızı ve web siteniz için etkileşimli bir ürün karşılaştırma tablosu oluşturmayı göstermenin zamanı geldi.
Bundan önce, WordPress sitenizdeki aşağıdaki eklentileri yüklemeniz ve etkinleştirmeniz gerekir:
Element (Ücretsiz)
Mutlu eklentiler (ücretsiz)
İzle: Happy Elementor Addons ile Karşılaştırma Tablonuz Nasıl Tasarlanırsınız Web sitenizin herhangi bir bölümüne bir karşılaştırma tablosu ekleyebilirsiniz. Ancak burada, widget’ı boş bir sayfaya göstereceğiz. WordPress’te yeni bir sayfanın nasıl oluşturulacağını öğrenmek için bu kılavuzu da kontrol edebilirsiniz. Bir karşılaştırma tablosu oluşturmak için izlemeniz gereken adımlar:
1. Adım: Bir Karşılaştırma Tablosu Widget ekleyin
2. Adım: Masanın başını yönetin
3. Adım: Tablo Çizgisini Yönetin
4. Adım: Tablo düğmesini yönetin
Adım 5: Tablo Ayarları
Adım 6: Stil Karşılaştırma Tablosu
Başlayalım:
Adım 1: İlk karşılaştırma tablosu widget’ı ekleyin, web sitenize uygun bir yere bir widget bulmanız ve eklemeniz gerekir. Elementor Widget Gallery alanından bir widget alırsınız.
İçerik Alanı Karşılaştırma Tablosu Bir widget ekledikten sonra, aşağıda gösterildiği gibi varsayılan tablo tasarımını alırsınız. İçerik alanı, tablo içeriğini yönetmek için gerekli ayarlara sahiptir. İşte alacaksın.
Hücresel dostu
Bitmiş büyük kütüphane şablonları
Sütuna resim ekle
Çeşitli destek simgeleri
Hazır Yapılmış Masa Tasarımları Sunun
WordPress’te mükemmel bir özellik karşılaştırma tablosu tasarlamak size mutlu bir eklenti karşılaştırma tablosunu nasıl kullanacağınızı ve web siteniz için etkileşimli bir ürün karşılaştırma tablosu oluşturmayı göstermenin zamanı geldi.
Bundan önce, WordPress sitenizdeki aşağıdaki eklentileri yüklemeniz ve etkinleştirmeniz gerekir:
Element (Ücretsiz)
Mutlu eklentiler (ücretsiz)
İzle: Happy Elementor Addons ile Karşılaştırma Tablonuz Nasıl Tasarlanırsınız Web sitenizin herhangi bir bölümüne bir karşılaştırma tablosu ekleyebilirsiniz. Ancak burada, widget’ı boş bir sayfaya göstereceğiz. WordPress’te yeni bir sayfanın nasıl oluşturulacağını öğrenmek için bu kılavuzu da kontrol edebilirsiniz. Bir karşılaştırma tablosu oluşturmak için izlemeniz gereken adımlar:
1. Adım: Bir Karşılaştırma Tablosu Widget ekleyin
2. Adım: Masanın başını yönetin
3. Adım: Tablo Çizgisini Yönetin
4. Adım: Tablo düğmesini yönetin
Adım 5: Tablo Ayarları
Adım 6: Stil Karşılaştırma Tablosu
Başlayalım:
Adım 1: İlk karşılaştırma tablosu widget’ı ekleyin, web sitenize uygun bir yere bir widget bulmanız ve eklemeniz gerekir. Elementor Widget Gallery alanından bir widget alırsınız.
İçerik Alanı Karşılaştırma Tablosu Bir widget ekledikten sonra, aşağıda gösterildiği gibi varsayılan tablo tasarımını alırsınız. İçerik alanı, tablo içeriğini yönetmek için gerekli ayarlara sahiptir. İşte alacaksın.
Baş masa
Tablo çizgisi
Taban düğmesi
Masa Ayarları
Şimdi, tablo içeriğini kolayca yönetebilmeniz için her ayarı tartışacağız. Adım 2: Tablonun başını yönetme Başlık Seçenek Tablosu, öğeyi tıklayarak tablonun kafa öğesini eklemenizi sağlar. Öğeleri kopyalayıp silebilirsiniz. Ayrıca, tüm kafa masası içeriğinin hizalamasını (sol, orta ve sağ) ve simge konumunu (sol ve sağ) kolayca ayarlayabilirsiniz.
Tablo çizgisi
Taban düğmesi
Masa Ayarları
Şimdi, tablo içeriğini kolayca yönetebilmeniz için her ayarı tartışacağız. Adım 2: Tablonun başını yönetme Başlık Seçenek Tablosu, öğeyi tıklayarak tablonun kafa öğesini eklemenizi sağlar. Öğeleri kopyalayıp silebilirsiniz. Ayrıca, tüm kafa masası içeriğinin hizalamasını (sol, orta ve sağ) ve simge konumunu (sol ve sağ) kolayca ayarlayabilirsiniz.
Tablo kafası öğesini ayarlayın Bireysel kafa öğesi tablosunu ayarlamak için önce öğeyi açmanız gerekir. Ardından başlığı ekleyebilir, HTML Etiket Başlığı Geniş İçerik Set’i seçebilir, simgeyi girebilir, simgenin rengini ayarlayabilir ve açıklamayı yazabilirsiniz.
Tüm sütun genişliği%100 olarak tanımlanır. Burada, 60 (%) sütununun genişliğini düzenlediğimizi görüyorsunuz. Bu, özellik sütununun% 60 alan ve diğer iki sütun% 20 alan elde ettiği anlamına gelir. Ayrıca bir açıklama yazabilirsiniz. İlk olarak, açıklama seçeneğini etkinleştirirsiniz. Ardından bir açıklama yazmak için bir metin düzenleyicisi alacaksınız. Açıklamayı eklememize gerek yok çünkü etkinleştirmiyoruz.
Yapışkan bir başlık ekle Yapışkan bir başlık eklemek istiyorsanız, önce yapışkan başlık seçeneğini etkinleştirmeniz gerekir. Daha sonra tablo başlığınız her aşağı kaydırdığınızda üstte görüntülenir. Adım 3: Satır tablosunu yönetin Varsayılan olarak, widget sütunlu iki satırla donatılmıştır. Yeni bir satır ekleyebilir ve içine gereken sütunu ekleyebilirsiniz. Satır içeriğini ve sütunu ayarlamak için bir satır veya sütun açmanız ve ardından içeriği amacınıza göre değiştirmeniz gerekir.
Yeni tablo satırları eklemek için yeni bir tablo hattı ekleyin, önce öğeleri ekle tıklamanız gerekir.
Yeni tablo satırları eklemek için yeni bir tablo hattı ekleyin, önce öğeleri ekle tıklamanız gerekir.
Bundan sonra, bir satır eklemek için bir seçenek alacaksınız. Sütun yerine bir satır seçmeli ve içerik türünü ayarlamalısınız -> boş olduğu için boş. Görüntünün boyutunu değiştirmeye gerek yok, böylece varsayılan olarak kalır.
Ancak, başlık, simgeler ve görüntüler gibi sütunlara üç tür içerik ekleyebilirsiniz.
Başlıklı bir sütun ekleyin Bir satırda bir sütun nasıl ekleneceğini gösterelim. İlk olarak, öğe ekle düğmesini tıklayarak öğe eklemeniz gerekir. İkincisi, sütunu (satır/sütun) seçin ve içerik türünü -> başlık ayarlayın. Son olarak, başlık başlığını yazabilirsiniz.
Başlıklı bir sütun ekleyin Bir satırda bir sütun nasıl ekleneceğini gösterelim. İlk olarak, öğe ekle düğmesini tıklayarak öğe eklemeniz gerekir. İkincisi, sütunu (satır/sütun) seçin ve içerik türünü -> başlık ayarlayın. Son olarak, başlık başlığını yazabilirsiniz.
Açıklamayı yazın başlık altında bir açıklama yazabilirsiniz. İlk olarak, açıklama seçeneğini görüntüleyin. Ardından bir metin düzenleyicisi paneli alacaksınız ve kendi yolunuzda bir açıklama yazabilirsiniz.
Ayrıca iki sütun ekledik. Ve bu sefer içerik türü-> simgesini kullanıyoruz. İşte geçerli tablo ekranı.
Not: Sütuna her içerik eklediğinizde, içerik sağdan sola görüntülenir. Adım 4: Tablo düğmesini yönetin İçerik alanına gidin-> Tablo düğmesi başlığı yazabilir ve düğmeye bir bağlantı ekleyebilirsiniz. Özelleştirme düğmesi düğmeyi dekore etmek için özel bir stil ekleyebilirsiniz. Önce özel stili etkinleştirin. O zaman yeni bir düğme stili eklemek için önemli bir ayar alacaksınız. Düğmeye metin rengi, arka plan rengi ve kutunun gölgesi eklersiniz. İmleç düğmesine farklı bir stil de ekleyebilirsiniz.
Adım 5: Tablo Ayarları Alan Ayarları Tablosu, tablonun genişliğini cihazınıza göre ayarlama seçeneği sunar. Tablet ve hücresel ekranlarda, masa öğeleri sunulacaktır. Bu şekilde, tablo duyarlılığını kontrol edeceksiniz.
Adım 6: Tablo Kuvvet alanı kuvvetinin karşılaştırılması, tablo kafasını, tablo çizgisini ve tablo düğmesini ayarlamak için gerekli bir kuvvet seçeneği vardır.
Bu widget’ı kullanarak, ürünlerinizi yan yana karşılaştırmak için bu tür elementlerin bir karşılaştırma tablosu tasarlayabilirsiniz. Ürün Karşılaştırma Tablonuzun Nihai Sonucu Karşılaştırma tablonuzun tüm bölümlerini tasarladıktan sonra, ürününüzü özellikler, görüntüler ve diğer öğeler dahil olmak üzere ilginç bir şekilde göstermek için mükemmel bir ekrana sahip olacaksınız. Aşağıda bugün yaptığımız bir tablo var.
Markanızı uyumlu hale getiren bir tasarım yapmak için farklı bir stil seçeneği kullanın.Karşılaştırma tablosu widget’ının tam belgelerini de kontrol edebilirsiniz.WordPress sitenizde bir karşılaştırma tablosu oluşturmaya hazır mısınız?Etkileşimli karşılaştırma tablosu, ürünü karşılaştırırken kullanıcınıza daha iyi bir görünüm verir.Yukarıdaki adımları izlerseniz Elementor & Happy eklentileri kullanarak bir karşılaştırma tablosu tasarlamak artık zor değildir.Bu kılavuzda, neden mutlu eklentiler karşılaştırma masası widget’ını kullanmanız gerektiğini gösterdik.Ayrıca, WordPress sitenizde nasıl bir karşılaştırma tablosu oluşturacağınızı gösterdik.Bu blog hakkında hala sorularınız varsa, bize yorum yapabilirsiniz.Sizden bültenimize katılmanızı istiyoruz.Sosyal kanallarımızı Facebook, Twitter ve YouTube’a bağlamayı unutmayın. Elementor’da en son haberleri ve güncellemeleri almak için bir bülten aboneliğimiz var
