Divi & amp ile dinamik bir fiyat tablosu nasıl yapılır;Özel Kara Cuma Black Friday yazılım satışlarımız
Sonunda burada! Kara Cuma
Bu özel bir şey. Bu her yıl bir kez tüm zamanların en büyük indirimini sunuyoruz. Ama bu sadece başlangıçtı, çünkü 500.000 dolarlık ücretsiz bir ödül verdik! Bugün Black Friday satışımızı kullanan herkes, bazıları yüzlerce dolar değerinde ücretsiz ödüller alacak. Ama hepsi bu değil … aynı zamanda sadece bu fırsat için yapılmış özel bir Divi düzen paketi sunuyoruz ve bugün sadece Black Friday müşterileri ve ömür boyu üyelerimiz için kullanılabilir.
Anlaşmayı bitmeden önce alın!
Hayat boyu bir üyesi ve yeni bir Black Friday müşterisi olarak size sunduğumuz özel yön sayfalarından biri şaşırtıcı yazılım satış sayfasıdır. Bu yön sayfası, benzersiz bir bölücü ve yüksek kaliteli maketle sizi şaşırtacaktır. Bu makalede, dinamik bir fiyat tablosu eklemek için dinamik divi içerik özelliklerinin nasıl kullanılacağını göstereceğiz! Bugün ömür boyu bir müşteriyseniz veya Black Friday satışlarımız sırasında yeni bir hesap satın aldıysanız veya iyileştirdiyseniz, bu düzeni şimdi indirebilirsiniz.
Bu durumda gönderimde, daha ileri seviye özel alanında divi ve eklenti ile dinamik bir fiyat tablosu oluşturmayı göstereceğiz. Abonelik fiyatlarını sık sık değiştiren müşterileriniz varsa ve Divi’ye erişmeden kendiniz değiştirmelerine izin vermek istiyorsanız, dinamik bir fiyat tablosu yapmak çok iyidir. Bu, belirli paket üyeliğinin fiyatını, açıklamasını ve seviyesini değiştirme yeteneğine sahipken, sayfanın kendisinde hiçbir şeyi bozmadıklarından emin olmanıza yardımcı olacaktır. Önizleme Girmeden önce, sonucuna bakalım. Gelişmiş Özel Alan Eklentisini Yükle Yapmanız gereken ilk şey, eklentileri açarak WordPress sitenize Gelişmiş Özel Alanlar eklentisini yüklemek> Yeni Eklenti> Eklenti arayarak ve yüklemek.
Eklentiyi etkinleştirdikten sonra yeni bir alan grubu oluşturun, başlayabilirsiniz. Yeni bir saha grubu ekleyin. Adı + Konum Yeni Alan Grubunuz. Bu öğretici bölümünün sonunda, üç saha grubunuza (fiyat tablolarının sayısı ile aynı) sahip olacağını unutmayın, bu yüzden bunları doğru adlandırdığınızdan emin olun. Ayrıca bu alan grubunun konum ayarlarını değiştirin. Alan eklemeye başlamak için üyelik seviyesi süresi alanını ekleyin! Toplamda üçe ihtiyacımız olacak. Aşağıdaki ayarları kullanarak üyelik seviyesini ekleyin: Alan Etiketi: Üyelik Seviyesi 1 Alan Adı: Üyelik_level_1
Alan Türü: Seçin
Seçenekler: Seçilen içerik ekleyin
Üyelik Alanı Ekle Üyelik Alanları Ekleyerek Devam Etme Açıklama Açıklama.
Alan Etiketi: Üyelik Açıklaması 1 Alan Adı: Üyelik_description_1
Alan Türü: Metin
İhtiyacınız olan son alanın fiyat alanını ekleyin Fiyat alanıdır. Alan Etiketi: Fiyat 1
Alan Adı: Price_1 Alan Türü: Metin
Alan grubunu iki kez çoğaltın ve adını ve alanı, sayfamızdaki bir fiyat tablosuna eşit bir saha grubunun tablo numarası fiyatıyla ayarlayın. Artık ilkini bitirdiğimize göre, sayfamızdaki fiyat tablolarının miktarına uyacak yeterli alan grubumuza sahip olduğumuzdan emin olmak için devam edebilir ve iki kez klonlayabiliriz.
Yaptığınız dinamik alanlar grubundaki tüm alanların sayısını Visual Builder’da görüntülenecektir. Hangi bilgileri bağladığınızı bildiğinizden emin olmak için, yinelenen alan grubunda ve alanlarında farklı bir sayı verin.
Divi Yazılım Satış Açılış Sayfasını kullanarak yeni bir sayfa oluşturun Bu öğreticinin bir sonraki bölümünde, yazılım satışlarımızın açılış sayfasına dinamik bir fiyat tablosu ekleyeceğiz. Bu düzeni kullanarak yeni bir sayfa oluşturun. Sayfaya Dinamik İçerik Ekleyin Bu sayfanın arkasına geri dönün ve her fiyat tablosuna dinamik içerik ekleyin. Sütun yapısı sayfasındaki fiyat tablosunun altına yeni bir satır ekleyin, görsel oluşturucuyu etkinleştirerek ve buraya yeni bir satır ekleyerek devam edin: Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve boyut ayarlarını değiştirin. Özel Talang genişliği kullanın: evet Talang genişliği: 1 Mesafe o zaman, boşluk ayarlarını açık ve bazı özel marjlar ekleyin.
Üst kenar boşluğu: 100 piksel
Alt kenar boşluğu: 100 piksel CTA modülünü Sütun 1’e ekleyin Başlık başlığı, 1 sütun 1’de ihtiyacımız olan ilk modülün Dinamik İçerik Seviye 1 üyeliğine bağlayın. Başlık alanını, bu öğreticinin önceki bölümünde oluşturduğunuz Üyelik Seviyesi 1 alanına bağlayın. İçerik kutusunu Üyelik Açıklama 1 Dinamik İçerik’e bağlayın.
Arka plan rengi daha sonra, arka plan ayarını girin ve CTA modülünün arka plan rengini değiştirin.
Arka plan rengi: #ffffff Arka plan görüntüsü de düzgün bir arka plan görüntüsü ekleyin. Yazılım satış raf sayfasını yükledikten sonra medya kitaplığınızda aşağıdaki arka plan resimlerini bulabilirsiniz: Arka plan görüntüsü: Yazılım Satışları-1.3.png Metin ayarlarını girip modül metin yönünü değiştirerek metin ayarlarına devam edin.
Metin Oryantasyonu: Sol Başlık Metin Ayarları Yön sayfasının tasarım stiline uyacak şekilde, başlık metni ayarlarında bazı değişiklikler yapın.
Yazı Tip Başlığı: Rubik Ağır yazı tipi başlığı: ışık
Başlık Metin Rengi: #4258ff Başlık Metin Boyutu: 40 PX
Çizgi Yüksekliği Başlığı: 1.3EM
Gövde Metin Ayarları Aynı şey içerik metin ayarları için de geçerlidir.
Vücut yazı tipi: Rubik
Vücut Ağırlığı: Orta
Vücut metni rengi: RGBA (0.0,0,0.34)
Vücut Metin Boyutu: 15px
Vücut Hattı Yüksekliği: 1.8EM
Mesafe Üst katta biraz dolgu ekleyin.
Üst dolgu: 60 piksel
Sınır ve modülün her üst köşesine ‘8px’ ekleyin.
Son fakat en az değil kutunun gölgesi, sayfada derinlik oluşturmak için pürüzsüz bir kutu gölgesi ekleyeceğiz.
Bulanık Güç Gölgesi Kutusu: 100 PX Gölge Renk: RGBA (66,88,255.0.2) Metin modülünü Sütun 1’e ekle İçerik kutusunu 1 dinamik içeriğin fiyatına bağlayın Devam edin ve Metin modülünü Sütun’da hareket etmek için davet modülünün altına ekleyin. İçerik kutusunu bağlayın Bu modülün fiyatının dinamik içeriğine 1. Bu modülün arka plan rengini değiştirerek arka plan rengi devam edin.
Arka plan rengi: #ffffff
Metin ayarları ayrıca metin ayarlarını da değiştirir.
Metin yazı tipi: Rubik Metin yazı tipi ağırlığı: ışık Metin rengi: #4258ff
Metin Boyutu: 70px Hat yüksekliği metni: 1em
Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Dolgu Alt: 60 piksel
Sol dolgu: 40 piksel
Sınır, sınır ayarına gidip iki alt köşeye ‘8px’ ekleyerek devam edin.
Son fakat en az değil kutunun gölgesi, bu metin modülüne kutunun gölgesini de verin. Dikey Konum Gölge Kutusu: 80px
Bulanık Güç Gölgesi Kutusu: 100 PX
Gölge Renk: RGBA (66,88,255.0.2) Düğme modülünü, ilk sütunda ihtiyacımız olan son modülün 1 sütununa sürükle düğme modülüdür. Önceki satırda bulabileceğiniz düğme modüllerinden birini klonlayın ve Sütun 1’e yerleştirin. Alanı değiştirin Düğme modülünün ayarlarını açın ve bazı özel marjlar ekleyin.
Üst kenar boşluğu: 30 piksel
Alt kenar boşluğu: 50 piksel
Sütun 1’deki tüm modülleri klonlayarak ve zaman kazanmak için kalan sütuna yerleştirin, üç modülü sütun 1’deki iki kez klonlayacak ve kopyayı kalan satır sütununa yerleştireceğiz. Sütun 2 CTA modülündeki modülün değiştirilmesi, başlığın başlığını Dinamik Seviye 2 İçerik Üyeliğine bağlar. Başlığın düzlemini Üyelik Seviye 2’nin 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. DEĞERLENDİRMENİN Arka planını ekleyin Degradın arka planını bir sonraki modüle ekleyin.
Renk 1: #6959ff
Renk 2: #c1bffff Gradyan yönü: 15deg Başlangıç Pozisyonu:% 22 Son pozisyon:% 95 Başlık Metni Rengi Değiştirme Başlık metninin rengini de değiştirin.
Başlık metin rengi: #ffffff
Vücut metninin rengini değiştirin, aynı şey vücut metninin rengi için geçerlidir.
Gövde metni rengi: #ffffff
Bu özel fiyat tablosunu spot ışığına yerleştirmek için boşlukları değiştirin, alan değeri ile de oynayacağız.
Üst kenar: -50px (masaüstü), 0px (tablet ve cep telefonu) Üst dolgu: 100 piksel
Metin Modülü İçerik kutusunu 2 dinamik içeriğin fiyatına bağlayın Metin modülünü sütun 2’de açarak devam edin ve içerik kutusunu Dinamik İçerik Fiyatı 2’ye bağlayın. Arka plan rengini değiştirin Bu modülün arka plan rengini değiştirin.
Arka plan rengi: #6959ff Metnin rengini değiştirin ve metnin rengini beyaz olarak değiştirin.
Metin rengi: #ffffff
Son fakat en az değil alanı değiştirin, boşluk ayarlarındaki özel dolgu değerini değiştirin. Dolgu Alt: 120 piksel Sol dolgu: 40 piksel
Sütun 3 CTA modülündeki modülün değiştirilmesi, başlık başlığını dinamik içerik seviye 3 üyeliğine bağlar. Başlığın başlığını Üyelik Seviye 3’ün dinamik içeriğine bağlayın. İçerik kutusunu Üyelik Açıklama 3 Dinamik İçerik’e bağlayın Aynı şey içerik kutusu için de geçerlidir.
Gradyanın arka planını daha sonra ekleyin, gradyanın arka planını modüle ekleyin. Renk 1: #C87CFF
Renk 2: #ffbcf8
Gradyan yönü: 18 derece Başlangıç Pozisyonu:% 22 Son pozisyon:% 95 Başlık Metni Rengi Değiştirme Başlığın renk metnini Beyaz olarak değiştirin.
Başlık metin rengi: #ffffff
Vücut metninin rengini değiştirin Vücut metninin rengi için aynısını yapın. Vücut metni rengi: #ffffff
Metin modülü, içerik kutusunu Sütun 3’te metin modülünü açarak ve burada dinamik içeriği değiştirerek 3 dinamik içeriğin fiyatına bağlar.
Arka plan rengini değiştirin Bir sonraki farklı arka plan rengini ekleyin.
Arka plan rengi: #c87cff Metnin rengini son olarak değiştir, ancak en az değil, metnin rengini beyaz olarak değiştirin ve tamamlayın! Şimdi sayfanızda üç dinamik fiyat tablosu var!
Metin rengi: #ffffff Bu kullanım durumunun son zihni, Black Friday’i Black Friday müşterileri ve ömür boyu üyelerle ücretsiz baskı ile 6 sayfalık ücretsiz baskıyı paylaştığımız Black Friday teklifimizin bir parçasıdır. Bu günlerde güçlü topluluğumuza katılarak ve üye olarak:
% 25 indirim 6 ücretsiz sayfanın tümü Olağanüstü temalarımıza ve eklentilerimize erişim
Bonus Ödülü Fırsatı elde edin ve bugün üye olun!
Sonunda burada! Kara Cuma Kara Cuma sadece yılda bir kez geliyor ve bu olduğunda çok özel bir şey yapmak istiyoruz. Bu yıl Black Friday satışları 23 Kasım Cuma günü tam olarak 12:00 UTC-6’da başladı ve kesinlikle kaçırmak istemiyorsunuz! Binlerce ücretsiz ödül, ücretsiz bonus ödüller ve en büyük indirimlerimiz olacak.
Anlaşmayı bitmeden önce alın!