Ömür Boyu Üyeler ve yeni Kara Cuma müşterileri olarak size sunduğumuz özel açılış sayfalarından biri, çarpıcı Yazılım Satışı açılış sayfasıdır. Bu açılış sayfası, benzersiz bölüm ayırıcıları ve yüksek kaliteli maketleri ile sizi şaşırtacak. Bu makalede, dinamik fiyatlandırma tabloları eklemek için Divi'nin dinamik içerik özelliğini nasıl kullanacağınızı göstereceğiz!

Mevcut bir Ömür Boyu müşteriyseniz veya Kara Cuma İndirimi sırasında yeni bir hesap satın aldıysanız veya yükseltme yaptıysanız, bu düzeni hemen şimdi indirebilirsiniz.

Özel Kara Cuma Yazılım Satışı Açılış Sayfasını Alın

Bu kullanım senaryosuna girmeden önce, yeni bir Elegant Themes Üyesi olarak, mevcut hesabınızı yükselterek veya zaten bir Ömür Boyu Üye olarak alabileceğiniz özel Kara Cuma Yazılım Satışı Açılış Sayfasına el atmanız gerekecek. Zaten bir Ömür Boyu Üye iseniz, üye alanımıza giriş yapabilir ve tüm özel açılış sayfalarımızı buradan indirebilirsiniz. Diğer herkesin, eğitimimizin geri kalanını takip edebilmeleri için satın almak veya yükseltmek için aşağıdaki düğmeyi kullanması gerekecek.

Kaybolmadan Önce Anlaşmayı Talep Edin!

Divi ile Dinamik Fiyatlandırma Tablolarının Nasıl Oluşturulacağını Kullanma

Bu gönderinin geri kalanında, Kara Cuma anlaşmamızdan yararlandığınızı veya zaten bir Ömür Boyu Üye olduğunuzu ve Kara Cuma Yazılım Satışı Açılış Sayfasına erişiminiz olduğunu varsayacağız.

Üye alanımızdan yeni Yazılım Satışı Açılış Sayfasını indirdikten sonra, kurulumun ne kadar kolay olduğunu görmek için aşağıdaki videoyu izleyebilirsiniz. Ayrıca, sitenizi daha fazla özelleştirmeye hazırlamak için bu eğiticiyi takip etmenizi öneririz.

Bu kullanım örneği gönderisinde, Divi ve ücretsiz Gelişmiş Özel Alanlar eklentisi ile dinamik fiyatlandırma tablolarının nasıl oluşturulacağını göstereceğiz. Abonelik fiyatlarını sık sık değiştiren bir müşteriniz varsa ve Divi'ye erişmeden kendi kendilerine değiştirmelerine izin vermek istiyorsanız, dinamik fiyatlandırma tabloları oluşturmak harikadır. Bu, belirli bir paketin fiyatını, açıklamasını ve üyelik düzeyini değiştirme olanağına sahipken, sayfanın kendisinde hiçbir şeyi karıştırmamalarını sağlamanıza yardımcı olacaktır.

Ön izleme

Dalmadan önce, sonuca hızlıca bir göz atalım.

Başlayalım!

Gelişmiş Özel Alanlar Eklentisini Yükleyin

Yapmanız gereken ilk şey, WordPress web sitenize Eklentiler > Yeni Ekle > Eklentiyi arıyor ve yükleyerek Gelişmiş Özel Alanlar eklentisini yüklemek .

Yeni Alan Grubu Oluştur

Eklentiyi etkinleştirdikten sonra başlayabilirsiniz. Yeni bir alan grubu ekleyin.

İsim + Yer

Yeni alan grubunuza bir ad verin. Eğitimin bu bölümünün sonunda üç alan grubunuz olacağını (fiyat tablolarının sayısına eşit) unutmayın, bu nedenle doğru şekilde adlandırdığınızdan emin olun. Bu alan grubunun konum ayarlarını da değiştirin.

Üyelik Düzeyi Alanı Ekle

Alan eklemeye başlama zamanı! Toplamda üç taneye ihtiyacımız olacak. Aşağıdaki ayarları kullanarak bir üyelik düzeyi alanı ekleyin:

• Alan Etiketi: Üyelik Düzeyi 1
• Alan Adı: üyelik_düzeyi_1
• Alan Türü: Seç
• Seçenekler: İstediğiniz içeriği ekleyin

Üyelik Açıklama Alanı Ekle

Üyelik açıklama alanı ekleyerek devam edin.

• Alan Etiketi: Üyelik Açıklaması 1
• Alan Adı: üyelik_açıklaması_1
• Alan Türü: Metin

Fiyat Alanı Ekle

İhtiyacınız olan son alan bir fiyat alanıdır.

• Alan Etiketi: Fiyat 1
• Alan Adı: fiyat_1
• Alan Türü: Metin

Alan Grubunu İki Kez Çoğalt ve Adı ve Alanları Fiyatlandırma Tablosu Numarasına Göre Ayarla

Bir alan grubu, sayfamızda bir fiyatlandırma tablosuna eşittir. Artık ilkini bitirdiğimize göre, sayfamızdaki fiyatlandırma tablolarının sayısıyla eşleşmeye yetecek kadar alan grubumuz olduğundan emin olmak için iki kez klonlayabiliriz.

Grup İçindeki Tüm Alanların Sayısını Değiştir

Oluşturduğunuz dinamik alanların her biri Visual Builder'da gösterilecektir. Hangi bilgilere bağlantı verdiğinizi bildiğinizden emin olmak için çoğaltılan alan gruplarına ve alanlarına farklı bir numara verin.

Divi'nin Yazılım Satışı Açılış Sayfasını Kullanarak Yeni Sayfa Oluşturun

Bu öğreticinin sonraki bölümünde, Yazılım Satışı Açılış Sayfamıza dinamik fiyatlandırma tablolarını ekleyeceğiz. Bu düzeni kullanarak yeni bir sayfa oluşturun.

Sayfaya Dinamik İçerik Ekle

Bu sayfanın arka ucuna geri dönün ve fiyatlandırma tablolarının her birine dinamik içerik ekleyin.

Sayfadaki Fiyatlandırma Tablosunun Altına Yeni Satır Ekle

Sütun Yapısı

Visual Builder'ı etkinleştirerek ve hemen buraya yeni bir satır ekleyerek devam edin:

boyutlandırma

Henüz herhangi bir modül eklemeden satır ayarlarını açın ve boyutlandırma ayarlarını değiştirin.

• Özel Oluk Genişliğini Kullan: Evet
• Oluk Genişliği: 1

aralık

Ardından, boşluk ayarlarına gidin ve bazı özel kenar boşlukları ekleyin.

• Üst Kenar Boşluğu: 100 piksel
• Alt Kenar Boşluğu: 100 piksel

Sütun 1'e CTA Modülü Ekle

Başlık Alanını Üyelik Düzey 1 Dinamik İçeriğine Bağlayın

Sütun 1'de ihtiyaç duyacağımız ilk modül, Harekete Geçirici Mesaj Modülüdür. Başlık alanını, bu öğreticinin önceki bölümünde oluşturduğunuz Üyelik Düzeyi 1 alanına bağlayın.

İçerik Kutusunu Üyeliğe Bağlayın Açıklama 1 Dinamik İçerik

Aynı şekilde, içerik kutusunu Üyelik Açıklaması 1'e bağlayın.

Arka plan rengi

Ardından arka plan ayarlarına gidin ve CTA Modülünün arka plan rengini değiştirin.

• Arka Plan Rengi: #ffffff

Arka plan görüntüsü

İnce bir arka plan resmi de ekleyin. Yazılım Satışı Açılış Sayfasını yükledikten sonra Medya Kitaplığınızda aşağıdaki arka plan resmini bulabileceksiniz:

• Arka Plan Resmi: software-sale-13.png

Metin Ayarları

Metin ayarlarına giderek ve modülün metin yönünü değiştirerek devam edin.

• Metin Yönü: Sol

Başlık Metni Ayarları

Açılış sayfasının tasarım stiline uyması için başlık metni ayarlarında da bazı değişiklikler yapın.

• Başlık Yazı Tipi: Rubik
• Başlık Yazı Tipi Ağırlığı: Hafif
• Başlık Metin Rengi: #4258ff
• Başlık Metin Boyutu: 40px
• Başlık Satırı Yüksekliği: 1.3em

Gövde Metni Ayarları

Aynısı gövde metni ayarları için de geçerlidir.

• Gövde Yazı Tipi: Rubik
• Gövde Yazı Tipi Ağırlığı: Orta
• Gövde Metni Rengi: rgba(0,0,0,0.34)
• Gövde Metin Boyutu: 15px
• Gövde Çizgisi Yüksekliği: 1.8em

aralık

Sonra biraz üst dolgu ekleyin.

• Üst Dolgu: 60px

Sınır

Ve modülün üst köşelerinin her birine '8px' ekleyin.

Kutu Gölge

Son olarak, sayfada derinlik oluşturmak için ince bir kutu gölgesi ekleyeceğiz.

• Kutu Gölgesi Dikey Konumu: 50px
• Kutu Gölge Bulanıklığı Gücü: 100 piksel
• Gölge Rengi: rgba(66,88,255,0.2)

Sütun 1'e Metin Modülü Ekle

İçerik Kutusunu Fiyat 1 Dinamik İçeriğe Bağlayın

Devam edin ve sütun 1'deki Harekete Geçirici Mesaj Modülünün hemen altına bir Metin Modülü ekleyin. Bu modülün içerik kutusunu Fiyat 1 dinamik içeriğine bağlayın.

Arka plan rengi

Bu modülün arka plan rengini değiştirerek devam edin.

• Arka Plan Rengi: #ffffff

Metin Ayarları

Metin ayarlarını da değiştirin.

• Metin Yazı Tipi: Rubik
• Metin Yazı Tipi Ağırlığı: Hafif
• Metin Rengi: #4258ff
• Metin Boyutu: 70px
• Metin Satır Yüksekliği: 1em

aralık

Daha sonra bazı özel dolgu değerleri ekleyin.

• Alt Dolgu: 60px
• Sol Dolgu: 40px

Sınır

Kenarlık ayarlarına giderek ve her iki alt köşeye de '8px' ekleyerek devam edin.

Kutu Gölge

Son olarak, bu Metin Modülüne bir kutu gölgesi de verin.

• Kutu Gölgesi Dikey Konumu: 80px
• Kutu Gölge Bulanıklığı Gücü: 100 piksel
• Gölge Rengi: rgba(66,88,255,0.2)

Düğme Modülünü Sütun 1'e Sürükleyin

İlk sütunda ihtiyaç duyacağımız son modül bir Düğme Modülüdür. Önceki satırda bulabileceğiniz Düğme Modüllerinden birini klonlayın ve 1. sütuna yerleştirin.

Aralığı Değiştir

Düğme Modülünün ayarlarını açın ve bazı özel kenar boşlukları ekleyin.

• Üst Kenar Boşluğu: 30 piksel
• Alt Kenar Boşluğu: 50px

Sütun 1'deki Tüm Modülleri Klonla ve Kalan Sütunlara Yerleştir

Zaman kazanmak için, 1. sütundaki üç modülü de iki kez klonlayacağız ve kopyaları satırın kalan sütunlarına yerleştireceğiz.

Sütun 2'deki Modülleri Değiştirin

CTA Modülü

Başlık Alanını Üyelik Düzey 2 Dinamik İçeriğine Bağlayın

İkinci sütundaki CTA Modülünden başlayarak kopyaları değiştirmemiz gerekecek. Başlık alanını Üyelik Düzeyi 2 dinamik içeriğine bağlayın.

İçerik Kutusunu Üyelik Açıklamasına Bağlayın 2 Dinamik İçerik

İçerik kutusu için de aynı şeyi yapın.

Gradyan Arka Planı Ekle

Sonraki modüle bir degrade arka planı ekleyin.

• Renk 1: #6959ff
• Renk 2: #c1bfff
• Gradyan Yönü: 15deg
• Başlangıç ​​Konumu: %22
• Bitiş Konumu: %95

Başlık Metin Rengini Değiştir

Başlık metni rengini de değiştirin.

• Başlık Metin Rengi: #ffffff

Gövde Metni Rengini Değiştir

Aynısı gövde metni rengi için de geçerlidir.

• Gövde Metni Rengi: #ffffff

Aralığı Değiştir

Bu özel fiyatlandırma tablosunu öne çıkarmak için aralık değerleriyle de oynayacağız.

• Üst Kenar Boşluğu: -50px (Masaüstü), 0px (Tablet ve Telefon)
• Üst Dolgu: 100 piksel

Metin Modülü

İçerik Kutusunu Fiyat 2 Dinamik İçeriğine Bağlayın

2. sütundaki Metin Modülünü açarak devam edin ve içerik kutusunu Fiyat 2 dinamik içeriğine bağlayın.

Arka Plan Rengini Değiştir

Daha sonra bu modülün arka plan rengini değiştirin.

• Arka Plan Rengi: #6959ff

Metin Rengini Değiştir

Ve metin rengini beyaz olarak değiştirin.

• Metin Rengi: #ffffff

Aralığı Değiştir

Son olarak, boşluk ayarlarındaki özel dolgu değerlerini değiştirin.

• Alt Dolgu: 120px
• Sol Dolgu: 40px

Sütun 3'teki Modülleri Değiştirin

CTA Modülü

Başlık Alanını Üyelik Düzey 3 Dinamik İçeriğine Bağlayın

3. sütundaki modülleri de değiştirmemiz gerekecek. Başlık alanını Üyelik Düzeyi 3 dinamik içeriğine bağlayın.

İçerik Kutusunu Üyelik Açıklamasına Bağlayın 3 Dinamik İçerik

Aynı şey içerik kutusu için de geçerli.

Gradyan Arka Planı Ekle

Ardından, modüle bir degrade arka planı ekleyin.

• Renk 1: #c87cff
• Renk 2: #ffbcf8
• Gradyan Yönü: 18deg
• Başlangıç ​​Konumu: %22
• Bitiş Konumu: %95

Başlık Metin Rengini Değiştir

Başlık metni rengini beyaz olarak değiştirin.

• Başlık Metin Rengi: #ffffff

Gövde Metni Rengini Değiştir

Gövde metni rengi için de aynı şeyi yapın.

• Gövde Metni Rengi: #ffffff

Metin Modülü

İçerik Kutusunu Fiyat 3 Dinamik İçeriğine Bağlayın

Sütun 3'teki Metin Modülünü açarak ve dinamik içeriği burada da değiştirerek devam edin.

Arka Plan Rengini Değiştir

Daha sonra farklı bir arka plan rengi ekleyin.

• Arka Plan Rengi: #c87cff

Metin Rengini Değiştir

Son olarak, metin rengini beyaz olarak değiştirin ve işiniz bitti! Artık sayfanızda tamamen dinamik üç fiyatlandırma tablonuz var!

• Metin Rengi: #ffffff

Son düşünceler

Bu kullanım örneği, Kara Cuma müşterileri ve ömür boyu üyelerle 6 ÜCRETSİZ sınırlı sürüm açılış sayfasını paylaştığımız Kara Cuma Anlaşmamızın bir parçasıdır. Bu günlerde güçlendirilmiş topluluğumuza katılarak ve üye olarak şunları elde edeceksiniz:

• HER ŞEYDE %25 İNDİRİM
• 6 açılış sayfasının tümü ücretsiz
• Harika temalarımıza ve eklentilerimize erişim
• Bonus Ödüller

Fırsatı yakalayın ve bugün üye olun!