Divi altbilginize optin e -postası nasıl eklenir
Web sitesi altbilgisi optin e -posta formlarını yerleştirmek için popüler bir konumdur. Divi’nin bir Optin e -posta modülü olduğundan, bu Divi tema üreticisi ile kolay bir iştir. Bu makalede, Divi altbilgisine optin e -postasının nasıl ekleneceğini göreceğiz. Ayrıca Divi e -posta optin modülünde farklı bir düzen seçeneği oluşturan bazı ayarları da göreceğiz. Bu yapacağımız altbilgi. Masaüstü optin e -postası
Bu, masaüstünde Optin e -posta formumuzun görünümüdür. Bu düzendeki öğeleri e -posta seçeneğiyle değiştiriyorum. Telefon optin e -postası Aşağıda bir akıllı telefonda optin e -posta formumuzu görüntüler.Divi altbilgisine optin e -posta eklemek için YouTube kanalı Divi tema üreticimize abone olun, altbilgimizi oluşturmak için bir şablona ihtiyacımız var. Başından beri yapabilir veya zarif temalar tarafından sağlanan ücretsiz şablonlardan birini kullanabilirsiniz. Bunu bulmak için “Ücretsiz Altbilgi” için zarif temalar blogunda arama yapın. Divi NGO düzeni paketi için ücretsiz bir üstbilgi ve altbilgi şablonundan bir altbilgi şablonu kullanıyorum. Altbilgi ve unzip dosyanızı indirin. Divi tema oluşturucusuna json dosyalarını yüklemeniz gerekir. Bir altbilgi şablonu yükleyin ve hazırlayın Divi altbilginizi yüklemek için WordPress kontrol panelinde Divi> Divi Tema İnşaatçısı’nı açın. Taşınabilirliği seçin. Açık sermayede, bir içe aktarma sekmesi seçin. Dosyayı seçmek ve bilgisayarınızdaki JSON dosyasına gitmek için tıklayın. Dosyayı seçin ve Divi Tema Oluşturucu Şablonlarını İçe Aktar’ı tıklayın.
Dosya yüklenene kadar bekleyin. Kullanmak istemiyorsanız başlık şablonunu silebilirsiniz. Yapıcının sol üst kısmındaki değişiklikleri kaydetmek için tıklayın. Bu öğretici için sağdaki kutu alanını Optin e -postasıyla değiştireceğim. Aynı stili kullanacağım, bu yüzden web sitesi ile entegre edilecek. Bu öğe bir görüntü modülü, iki metin modülü ve düğme modülünden oluşur. Bir modülle değiştireceğim. Bir tasarım kuyruğu olarak kullanmak istiyorsanız şimdi silebilir veya bitene kadar bırakabilirsiniz. Ön veya arka uçta çalışabilirsiniz. Divi modülü ile Divi altbilgisine optin e -posta ekleyin
Ardından, Divi altbilgisine Optin e -postası ekleyeceğiz. Sıradaki son modülün altındaki imleci gezin ve simgeyi artı koyu gri tıklayın. E -postayı bulun ve Optin e -posta modülünü seçin. Modül ayarlarını kapatın ve bir aktarım aracı kullanarak modülü sütunun üstüne taşıyın. Bu, doğru konumda nasıl göründüğünü görmemizi ve stili düzenlemeyi bitirene kadar orijinal modülü kullanmamızı sağlar. Modül ayarlarını açın ve başlık, düğme metnini ve gövde metnini ekleyin. Orijinal modülden metin kullanıyorum. Başlık: dahil
Düğme: Bugün Katılın
İçindekiler: Şirket mesajınız
E -posta hesabına gidin. Açılır listeden e -posta servis sağlayıcınızı seçin. Servis sağlayıcınıza bağlanmak için Ekle’yi tıklayın. Hesap adınıza ve yangın anahtarınıza ihtiyacınız var. Ardından, kullanmak istediğiniz e -posta listesini seçin. Başarıya doğru kaydırın. Listeden eylemi seçin. Mesajları görüntüleme veya URL’ye yönlendirme arasında seçin. URL’ye yönlendirmeyi seçtim. İsterseniz sorgu argümanı olarak hangi e -posta formu verilerinin dahil edileceğini de seçebilirsiniz. Arka plana kaydırın ve silin. Hala e -posta modülünün arkasındaki yeşil arka plana dikkat edin. Bu arka plan satır için sütun ayarlarında. Bunu olduğu gibi izin vereceğiz, ancak satır sütun ayarları, isterseniz değiştirebileceğiniz yer. Gaya Optin E -posta Divi Optin e -posta modülünü ayarlamak için tasarım kuyruğunu STK düzeni paketinin kendisinden aldım. Bu düzen, beyaz arka plan ve yuvarlak açılı birkaç metin modülü vardır. Tasarım öğesini Optin e -posta formuna yansıtacağız. Saha Seçenekleri
Alanın altında, alan yazı tipini DM sans olarak ayarlayın. Seviyeyi merkeze ayarlayın. Yazı tipi yazı tipi: DM SANS Alan metni hizalaması: orta
Saha sınır ayarlarına gidin. Yuvarlak köşeler alanını 20 piksel olarak ayarlayın.
Yuvarlak açısal alan: 20px
Başlık metni
Başlık metnine gidin. Başlık yazı tipi için DM SANS’ı seçin ve merkez hizalamaya ayarlayın.
Başlık: DM SANS
Masaüstü başlığının metin boyutunu 38px ve telefon boyutunu 20px olarak ayarlayın. Harf aralığını -0.02EM ve hat yüksekliği 1.15EM olarak ayarlayın.
Masaüstü Metin Boyutu: 38px Telefon metin boyutu: 20px
Mektup alanı: -0.02em
Hat yüksekliği: 1.15em
Gövde metni
İçindekiler metnine gidin. Gövde yazı tipi için DM SANS’ı seçin ve merkez hizalamaya ayarlayın.
Başlık: DM SANS Exposs: Merkez
Masaüstü başlığının metin boyutunu 16px ve telefon boyutunu 14px olarak ayarlayın. Çizginin yüksekliğini 1.8EM olarak ayarlayın.
Masaüstü Metin Boyutu: 16px Telefon metin boyutu: 14px
Hat yüksekliği: 1.8em
Düğme seçeneği
Düğme ayarlarına gidin ve özel bir kuvvet kullanmayı seçin. Metin düğmesi boyutunu 14px olarak ayarlayın ve arka plan rengini #EF8451 olarak değiştirin.
Düğmeler için özel bir stil kullanın: evet Metin Boyutu Düğmesi: 14px
Arka Plan düğmesi: #EF8451
Genişliği 0px, yarıçapı 37 piksel olarak ayarlayın ve yazı tipleri için DM SAN’ları seçin. Genişlik Düğmesi Sınırı: 0px
Sınır sınır yarıçapı: 37px Yazı tipi düğmesi: DM SANS
Yazı tipi ağırlığını kalın olarak ayarlayın ve yazı tipi stili için tüm kapakları seçin. Düğme simgesini etkinleştirin, simgeyi seçin ve yalnızca imleci yönlendirirken görüntülenecek şekilde ayarlayın.
Mektup Ağırlığı Düğmesi: Kalın
Yazı tipi stili düğmesi: tüm büyük harfler Düğme simgesini görüntüleyin: Evet
Kest simgesi:>
Sadece ekran simgeleri düğmeler için yönlendirilir: evet
Düğmenin dört tarafına da dolgu ekleyin.
Dolgu düğmesi: 15px üst, 12px alt, 22px sol, 22px sağ
Satır sütun ayarları Son olarak, kullanmadığınız orijinal öğeleri silin. Bu satırdaki sütun ayarlarını açın. Tasarım sekmesine gidin ve dolguyu üst ve alt için 42 piksel olarak ayarlayın. Çalışmanı kaydet.
Dolgu: Üst ve Alt 42px
Divi E -posta Optin Modülü alanı için alternatif formların ve seçeneklerin düzeni size tasarım ve form özellikleri için çeşitli seçenekler sunar. Düzen seçenekleri birkaç düzen seçeneği içerir. Arasından seçim yapın: Soldaki vücut, sağdaki şekil
Sağdaki gövde, soldaki şekil
Yukarıdaki vücut, aşağıdaki şekil
Aşağıdaki vücut, yukarıdaki şekil
Alanın genişliğini de ayarlayabilirsiniz. Geniş varsayılanlardır. Fullwidth’i devre dışı bırakmak size bazı ilginç düzen seçenekleri sunar. Birkaç kombinasyon kullanabilirsiniz.
Yukarıdaki örnekte, altta, üstte form seçtim. Ayrıca ad ve soyadı alanı için Fullwidth’i deaktive ettim. Bu, formu metnin üzerindeki, ilk ve arka adını aynı satıra yerleştirir.
Bu formu bir satır sütuna yerleştirdim. Düzen soldaki çocuğu ve sağdaki formu gösterir. Ayrıca ilk ve arka isim düzlemi için tam geniş bir seçeneği devre dışı bıraktım. E -posta alanı için geniş bir seçeneği devre dışı bıraktım. Gerisi varsayılan ayarlarında.
Aşağıdaki sonuçlar bizim sonuçlarımızdır. Masaüstü optin e -postası Aşağıda masaüstünde Optin e -posta formumuzu görüntüler. Telefon optin e -postası Aşağıda bir akıllı telefondaki Optin e -posta formumuzdur. Divi altbilgisine optin altbilgisine optin e -postası nasıl ekleneceğinizle ilgili son düşünceler. Optin e -posta modülü bunu kolaylaştırır. Bu bir divi modülü olduğundan, herhangi bir divi düzeni ile çalışmak üzere düzenlenebilir. Optin modülü, formu web sitesi tasarım ihtiyaçlarına göre ayarlayabilmeniz için çeşitli düzen seçeneği içerir. Senden duymak istiyoruz. Divi altbilgisine optin e -posta ekliyor musunuz? Yorumlarda bize bundan bahsedin.
