Divi'nin SEO Düzen Paketine Hemen İndirilen Bir E-Kitap Optin Formu Nasıl Eklenir

Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi yerleşim paketi sunuyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki düzeye taşımanıza yardımcı olacak bir kullanım örneği de paylaşıyoruz.

Bu hafta, devam eden Divi tasarım girişimimizin bir parçası olarak, Divi'nin SEO düzen paketi açılış sayfasına anında indirilen bir e-kitap tercih formunu nasıl ekleyeceğinizi göstereceğiz. Optin formlarınıza bu şekilde yaklaşmanız hem siz hem de ziyaretçileriniz için bir kazan-kazan durumudur. E-posta listenizi büyütebileceksiniz ve ziyaretçileriniz adlarını ve e-posta adreslerini sizinle paylaştıktan hemen sonra değerli içerikleri indirebilecekler. Ziyaretçilerinize indirmeyi içeren bir e-posta sağlamanız gerekmeyecek; hemen indirme düğmesine tıklayabilecekler.

Case Sneak Peek'i kullanın

Açılış sayfasına ekleyeceğimiz özel ve kilitli içerik katılım formu şuna benzer:

Birisi tercih formunuza abone olduktan sonra, üzerine tıklayıp hemen indirmeyi başlatabilecekleri (optin formu yerine) aşağıdaki düğme görünecektir:

Kurulum

1. Divi Temasını kurun ve etkinleştirin
2. Eklentileri Yükleyin
3. Düzen Paketini indirin ve SEO_All.json dosyasını Divi Tema Kitaplığınıza aktarın.
4. Her düzen için yeni sayfalar oluşturun.
5. Birincil menünüzü oluşturun.

Yukarıda listelenen kurulum konusunda kafanız karıştıysa, yeni projeniz için bir yerleşim paketi kullanmak için bu 10 adımı kontrol ederek yerleşiminizi nasıl düzgün bir şekilde kuracağınız konusunda daha ayrıntılı talimatlar bulabilirsiniz.

Bölüm 1: Bloom Eklentisini İndirin ve Yükleyin

1. Adım: Bloom'u İndirin

Yapmanız gereken ilk şey Bloom eklentisini indirmek. Elegant Themes üyesiyseniz, giriş yaptıktan sonra Eklentiyi Üye Alanında bulabilirsiniz. Henüz Elegant Themes üyesi değilseniz, güçlendirilmiş topluluğumuzun bir üyesi olmak için sonraki sayfaya gidin.

2. Adım: Bloom'u Yükleyin ve Kurun

Bloom eklentisini indirdikten sonra, WordPress panonuz > Eklentiler > Yeni Ekle > Bloom Yükle'ye gidin ve onu da etkinleştirdiğinizden emin olun .

2. Bölüm: Kilitli İçerik İsteği Formu Oluşturun

Adım 1: Bloom'a gidin ve Yeni Optin'e tıklayın

Yapacağımız ilk şey, web sitemiz için yeni bir kilitli içerik tercih formu oluşturmak. Bunu yapmak için Bloom > Optin Forms > bölümüne gidin ve 'New Optin' üzerine tıklayın .

2. Adım: Kilitli İçerik Tercih Formunu Seçin

'Yeni Optin'i tıkladığınızda, çok çeşitli optin formlarının göründüğünü göreceksiniz. İhtiyacımız olan 'Kilitli İçerik'.

Adım 3: Form Entegrasyonunu Ayarlayın

Yapmanız gereken bir sonraki şey, yeni tercih formunuza bir ad vermek ve kullandığınız e-posta sağlayıcısı ile bir form entegrasyonunu etkinleştirmektir.

4. Adım: Tasarım Ayarları

Optin formunun pratik kısmını tamamladığınıza göre, devam edip tasarımını değiştirebilirsiniz. Yapmanız gereken ilk şey, optin başlığını ve optin mesajını tamamen kaldırmaktır. Ardından, Görüntü Yönlendirmesi olarak ' Metnin Üstündeki Görüntü'yü seçin ve görüntünüz olarak ' section-bg-graph.png ' öğesini seçin. Bu görüntü, SEO düzen paketini web sitenize ekledikten sonra, medya klasörünüzde zaten mevcut.

Tasarım sayfasını aşağı kaydırın ve aşağıdaki değişikliklerin tercih stiliniz, form kurulumunuz ve form stiliniz için geçerli olduğundan emin olun:

• Arka Plan Rengi: #FFFFFF
• Form Yönü: Form Altta
• İsim Alanları: Tek İsim Alanı
• Form Arka Plan Rengi: #8a1fbb
• Düğme Rengi: #000000
• Düğme Metin Rengi: Açık

Adım 5: Ek CSS Kodu

Son olarak, sadece biraz daha iyi optin formu göz yapacak bazı ek CSS kodunu ekleyeceğiz:

.et_bloom .et_bloom_form_header img, .et_bloom .et_bloom_form_header .et_bloom_form_text {
padding: 0px !important;
}

.et_bloom .et_bloom_form_container .et_bloom_form_header {
padding: 0px !important;
}

Bölüm 3: Kilitli İçerik Tercih Formu'nu Açılış Sayfasına Ekleme

1. Adım: Kahraman Bölüm Aralığını Değiştirin

Artık kilitli içerik tercih formunu oluşturduğumuza göre, onu açılış sayfasına eklemeye başlamaya hazırız. Görsel oluşturucu ile açılış sayfasını açarak, kahraman bölümü ayarlarını açarak ve özel dolguyu şu şekilde değiştirerek başlayın:

• Üst: %2
• Alt: 0 piksel

2. Adım: Geçerli Satırı Kaldır

Şu anda kahraman bölümünde kullanılmakta olan satırı kaldırarak devam edin.

Adım 3: Tek Sütunlu Satır Ekle

Bunun yerine, bölümünüze tek sütunlu bir satır ekleyin.

Adım 4: 'Hizmetlerimiz' Metin Modülünü Klonlayın ve Yeni Satırdaki Yeri

Ardından, sayfanın ikinci bölümündeki 'Hizmetlerimiz' Metin Modülünü kopyalayın ve az önce oluşturduğunuz satıra yerleştirin.

Adım 5: Metin Alt Kategorisini Değiştirin

Bu Metin Modülünde bazı değişiklikler yapmamız gerekecek. İçeriği değiştirmenin yanı sıra, Metin alt kategorisinde aşağıdaki değişiklikleri yapın:

• Metin Rengi: Açık
• Metin Boyutu: 22px
• Metin Rengi: #f2f2f2

Adım 6: Başlık Metni Alt Kategorisini Değiştirin

Tasarım sekmesini aşağı kaydırın, Başlık Metni alt kategorisini açın ve Başlık Metni Boyutunu da '36px' olarak değiştirin.

7. Adım: Boyutlandırmayı Değiştirin

Ardından, Boyutlandırma alt kategorisini açın ve aşağıdaki ayarları uygulayın:

• Genişlik: 388 piksel
• Modül Hizalaması: Merkez

Adım 8: Yeni Metin Modülü Ekle

Az önce düzenlediğiniz Metin Modülünün hemen altına başka bir Metin Modülü ekleyin.

Adım 9: Metin Modülüne Kilitli İçerik Optin Formu Kısa Kodu Ekleme

Bu Metin Modülüne eklemeniz gereken ilk şey, bu yazının başında oluşturduğumuz kilitli içerik tercih formunun kısa kodudur.

Adım 10: İndirilebilir Sıkıştırılmış Dosyayı Medyaya Ekleyin ve Bağlantıyı Kopyalayın

Ardından, ziyaretçilerinizle ücretsiz olarak paylaşmak istediğiniz içeriği içeren medya klasörünüze sıkıştırılmış bir dosya ekleyin. Sıkıştırılmış dosyayı ekledikten sonra sıkıştırılmış dosyanıza atanan bağlantıyı kopyalayın.

Adım 11: Kilitli İçerik Optin Formu Kısa Kodu Arasına İndirme Bağlantısı Ekleyin

Optin form kısa kodunuz arasında, sıkıştırılmış dosyanızın bağlantısını ekleyin. 'href' için kendi sıkıştırılmış dosya URL'nizi kullandığınızdan emin olun:

<a target="_blank" href="">Download the Free E-book</a>

Adım 12: Metin Modülüne Arka Plan Rengi Ekleyin

Ardından, Metin Modülünüzün Arka Plan alt kategorisini açın ve arka plan rengini '#FFFFFF' olarak değiştirin.

Adım 13: Metin Ayarları

Tasarım sekmesine gidin, Metin alt kategorisini açın ve ona aşağıdaki değişiklikleri uygulayın:

• Metin Yazı Tipi: Poppins
• Metin Yazı Tipi Ağırlığı: Normal
• Metin Boyutu: 27px
• Metin Rengi: #8a1fbb
• Metin Yönü: Merkez

Adım 14: Boyutlandırma

Ardından Boyutlandırma alt kategorisini açın ve bunun için aşağıdaki ayarları kullanın:

• Genişlik: %47 (Masaüstü), %100 (Tablet ve Telefon)
• Modül Hizalaması: Merkez

Adım 15: Aralık

Bu Metin Modülü aşağıdaki özel dolguya da ihtiyaç duyacaktır:

• Üst: 0 piksel
• Alt: 25 piksel

Adım 16: Sınır Ayarları

Ardından, Border alt kategorisini açın ve köşelerin her birine '20px' ekleyin.

Adım 17: Kutu Gölgesi

Son olarak, aşağıdaki Kutu Gölge seçeneğine tıklayarak ve varsayılan ayarlarını kullanarak Metin Modülünüze ince bir Kutu Gölgesi uygulayın:

Son düşünceler

Bu kullanım örneği blog yazısında, Bloom kullanarak Divi'nin ücretsiz SEO Düzen Paketi'ne hemen bir indirme düğmesiyle gelen web sitenize bir e-kitap tercih formunu nasıl ekleyeceğinizi gösterdik. Bu kullanım örneği, tasarım ekibimizin her hafta sizinle yeni bir düzen paketi paylaştığı devam eden Divi girişimimizin bir parçasıdır. Eğer sorunuz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!