Divi sitenize ödeme hesap makinesi ve sınırlı zaman sözleşmesi nasıl eklenir
Web sitenizde ürün satmaya çalışırsanız, dönüşümü artırmak için ekleyebileceğiniz bazı unsurlar vardır. Bu özellikle otomobiller gibi büyük bilet ürünleri için geçerlidir. Kabul edelim, hepimizin bir araba için 30 bin nakit atmak için parası (veya disiplini) yok. Bu yüzden yeni bir araba satın almak istediğinizde, çevrimiçi ödeme hesap makinesi satın alma sürecinde önemli bir rol oynayabilir. Sahne arkasında çalışan matematik mucizesine ek olarak, ödeme hesap makinesi, alıcılara web sitenizde kullanımı kolay araçlarla satıcılar için dönüşümü gerçekten artırabilecek araçlarla yardımcı olur.
Kullanıcılara düğmeyi tıklamaları için teşvikler sağlamanın bir başka yolu, Sözleşmenin yakında sona ereceğini kullanıcıya daha açık hale getirmek için üstün sözleşmeye geri çekilmek için bir zaman sayımları eklemektir. Bu kullanım vaka öğreticisinde, web sitenize nasıl bir ödeme hesap makinesi ve sınırlı bir süre sözleşmesi ekleyeceğinizi göstereceğim. Bir ödeme hesap makinesi eklemek için sayılan alan formu eklentisini kullanacağım ve tasarımı, otomobil satıcısı finansman sayfasının düzenine uyacak şekilde görsel oluşturucu ile ayarlayacağım. Ayrıca, otomobil bayi listesi sayfasının düzeninin öğelerini nasıl kullanabileceğinizi ve sınırlı bir zaman özelliği sözleşmesi yapmak için zaman sayma süresi ile birleştirebileceğinizi de göstereceğim.
Hadi başlayalım! Aşağıdaki Sneak Peek, bir ödeme hesap makinesi ve yapacağımız sınırlı zaman özelliği teklifidir:
Divi teması
Otomobil satıcısı düzeni paketi (finansman sayfası ve listeleme sayfası listesi) görsel oluşturucudan erişilebilir.
Alan formundaki eklenti eklentilerinin işlevselliğini keşfetmek, ne yaptığınızı biliyorsanız, hayal edebileceğiniz her türlü hesaplamayı yapmak için güçlü bir araçtır. Ancak hayatınızı kolaylaştırmak istiyorsanız (orada matematikçi olmayanlarınızla konuşuyorum), daha kolay uygulama için eklentinin profesyonel sürümüne bakmalısınız. Örneğin, geliştirici veya platin sürümü, finansal denklemlerin uygulanmasını daha kolay hale getiren bir finansal modül içerir.
Neyse ki, ücretsiz sürüm, Kira Hesap Makinesi Formu da dahil olmak üzere sizi hazırlamak ve çalıştırmak için yararlı olan birkaç inşa öncesi form sunar.
Bu şekillerin nasıl yapıldığına bakalım. Kiralama hesap makinesi formunun ayarlarını görmek için tıklayın. Orada yeni alanlar ekleyebileceğiniz ve alan ayarlarını ve formlarını düzenleyebileceğiniz bir form üreticisi göreceksiniz. Belirli alanları düzenlemek için, imleci sağdaki form üreticisi içindeki alana yönlendirmeniz yeterlidir ve alanın ayarları solda görünecektir. Bu kiralama hesap makinesi formunun aylık ödemeleri, toplam ödemeleri ve faiz miktarını hesaplayan üç alanı vardır. Bu özel hesaplama sütunu, kullanıcının giriş numarası sütunu için girdiklerine göre yeni hesaplamalar üretecektir (kredi miktarı, faiz oranı%, vb.). Denklemin alanı üretmek için nasıl kullanıldığını görmek için aylık ödeme hesaplaması alanına tıklayın.
Bu denklemin arkasındaki matematik hakkında çok fazla ayrıntı olmadan (istesem bile yapamam), denklemde kullanılan farklı bir alan adı değişkeni göstermek istiyorum. Farklı değişkenler formdaki belirli alanlarla ilişkilidir. Ve değişkenler, denklemin hesaplanan alanda kusabilmesi için saha alanı girildikten sonra gerçek sayılarla değiştirilir (bu durumda aylık ödeme). Bu form için kullanılan çeşitli denklem biçimlerini kontrol etmekten çekinmeyin. Kiralama hesap makinesi formunun kısa kodlarını sayfanıza eklemek için sayfanıza kısa bir ödeme kodu hesap makinesi ekleyin, önce formlar listesine kopyalayın ve kısa kodu kopyalayın Kiralama hesap makinesi formunun yanında. Ardından, otomobil satıcısı finansman sayfasının düzeni ile sayfanızı girin. Sahip değilseniz, Divi Builder’ı kullanarak yeni bir sayfa oluşturun ve düzeni içe aktarın. “Kaynaklar” başlıklı bölümün altında kesin kısmı bulun. Bu bölümde, sağdaki kontak formu ve soldaki metin modülü bulunan iki sıra sütun bulunur. Sol sütundaki metin modülünü, temas formunun hemen üzerindeki sağ sütuna taşıyın.
Şimdi hesap makinemizi kısa kodumuzu kullanarak sol sütuna ekleyebiliriz. Devam edin ve yeni bir metin modülü ekleyin ve kısa kodu içerik kutusuna yapıştırın. Ödeme Hesap Makinesi Tasarımını Ayarlama Formu düzene uyacak şekilde düzenlemeden önce, eklentinin, daha önce tasarlanmış olan ve formunuzda özel bir görünüm sağlamak için kullanabileceğiniz birkaç şablon içerdiğini göstermek istiyorum. Bu seçeneğe formu ayarlayarak erişebilirsiniz.
Ancak bunun metin modülü ayarlarındaki CSS şablonlarını değiştirme yeteneğinizi sınırladığını unutmayın. Bu yüzden formu varsayılan şablona kaydetmek ve mümkün olduğunca çok Divi oluşturucu ile stil eklemek için daha iyi hissediyorum. Metin modülünüzü kısa kodunuzla açın ve metnin rengini parlak olacak şekilde değiştirin. Metnin geri kalanını düzeninizle eşleştirmenin hızlı yolu, açıklama modülünü sağ sütunda açmak ve kullanılan içerik metin stilini kopyalamaktır. Ardından sol sütundaki metin modülünü sağlayın ve içerik metin kuvvetini modüle yapıştırın.
Bu, metin ayarlarını düzene uyacak şekilde günceller. Şimdi bulanıklık modülüne geri dönün ve başlık metin stilini kopyalayın. Ardından metin modülüne yapıştırın. Bu, hesap makinesi formu başlık metninizi düzeninize uyacak şekilde güncelleyecektir. Şimdi form metniniz düzeninizle eşleştikten sonra, özellikle saha alanını tasarlamak için CSS’nin son dokunuşlarından birine ihtiyacınız var. SSS sayfasındaki formdaki farklı öğeleri hedeflemek için eklenti tarafından kullanılan CSS kimliğini ve eklenti tarafından kullanılan sınıfı bulabilirsiniz. Tüm giriş alanlarını hedeflemek, tema ayarını açmak> ek CSS’yi açmak ve aşağıdaki CSS’ye girmek istiyoruz: #FBuilder Giriş, #fbuilder textarea, #fbuilder seç {
Sınır: Yok;
Dolgu: 0.5EM 0.2EM 0.5EM 1EM;
yazı tipi boyutu: 16px;
}
CSS’nin yaptığı her şey daha fazla giriş alanı vermek, kötü sınırları ortadan kaldırmak ve yazı tipi boyutunu arttırmaktır. Şimdi formunuz kullanıma hazır!
Ödeme hesap makinemizle sınırlı bir süre anlaşması yapın, sınırlı bir süre anlaşması yapmaya hazırız. Bunu yapmak için, ihtiyacımız olan tasarım öğelerine sıçramak için otomobil satıcısı listesinden bir araba listesi kullanacağız. Ardından, sınırlı bir süre teşviki yapmak için bir geri çekilme süresi sayımı ile birlikte aradığımız fiyat metni tasarımını almak için bir fiyat tablosu modülü ekleyeceğiz. İlk tasarımı başlatmak için araba listesini kullanarak, otomobil bayisinin düzenini açın Görsel üreticiyi listeleyin ve uygulayın. Üstün listeler listesi ile ilk satırı bulun ve satır menünüzdeki “Kütüphaneye Ekle” simgesini tıklayarak Divi kitaplığınıza satırları kaydedin. Düzeninizi adlandırın ve “Kütüphaneye Kaydet” i tıklayın. Şimdi finansman sayfasının düzeni ile sayfanıza geri dönün ve üst başlığın altına yeni bir düzenli bölüm ekleyin. Ardından Circle Circle simgesine tıklayarak Divi kitaplığınıza kaydettiğiniz satırı ekleyin, Kütüphane’den sekmeyi tıklayın, ardından listeden kaydettiğiniz satırı seçin.
Bölüm ayarlarınızı aşağıdaki gibi güncelleyin: Sol gradyanın arka plan görüntüsünü ekleyin Arka Plan: RGBA (0.0,0,0,8) Sağ renk arka plan gradyanı: #ffffff degradeyi arka planın üzerine yerleştirin: Evet
2000 $ düşüş Tasarım ayarlarının altında, aşağıdaki güncelleme: Gövde metni boyutu: 28px gövde yüksekliği: 0.2EM dolgu özel: Top 20px, alt 0px, sol 0px, sağ 0px Sınırlı bir zaman teklifi yapmak için önde gelen tekliflere geri dönmek için zaman hesaplaması ekleyerek, üstün bir teklifle çizginin üzerinde geri çekilmek için bir zaman sayımları ekleyeceğiz. Önce yeni bir sütun satırı ekleyin ve satıra geri çekilmek için zaman sayımlarını ekleyin. Üstün işlemlerle satırlara yeni satırlar sürükleyin. Dolgunun üstünü kaldırın ve yeni satırın üst ve alt dolgusunu silin. Şimdi geri çekilme düzenleme ayarlarını aşağıdaki gibi güncelleyin: Başlık Zaman Zamanı: Sözleşme Hemen Arka Plan Rengi: #C10F1B Yazı tipi Başlık: Metin Metinleri Metin Boyutu Başlık: 50px Yazı Tipi Yazı Tipi: Teko Genişlik: 500 Piksel Hizalama Modülü: Gölge Merkezi: Ekran yakalamaya bakın
Alt solunum odanızın gölgesini vermek için geriye doğru zaman sayımınızın altındaki satıra% 5’lik bir üst yatak eklemeniz gerekir. Şimdi sonucuna bakın. Alan formunun eklenti formunun son zihni, ne istediğinizi hesaplamak için bir form oluşturmanıza izin verecektir, ancak öğrenme eğrisi gelişmiş hesaplamalar için oldukça dik görünmektedir. Neyse ki, eklentinin ücretsiz sürümü hemen çalışacak bir kiralama hesap makinesi ile donatılmıştır. Ve kısa kodları sabitlemek ve bazı ayarları güncellemek kadar kolay Divi’ye ekleyin. Hazır bir düzeni kullanmanın en güzel şeylerden biri, sitenize ek unsurlar eklemek için baştan başlamanız gerekmemesidir. Sınırlı bir zaman özelliği anlaşması yapmak hızlı ve kolaydır, çünkü her şeyin sorunsuz çalışması için bir araba listesi tasarımı kullanırız. Umarım bu, kendi sitenizde dönüşümü artırmak için gereken öğeleri ekleme sürecini hızlandırmaya yardımcı olur. Yorumlarda sizden haber almayı umuyorum. Kızarmış ekmek!
