Ana İçeriğe Geç

Divi ile Gutenberg'e abonelik formları nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Divi Layout Block, Divi Builder'ın güçlü tasarım özelliklerini varsayılan WordPress blok düzenleyicisiyle (Gutenberg) entegre etmenin birçok uygun yolunun kapısını açar. Bu, blog yazısı içeriğinizin çoğunu tanıdık Gutenberg blok arayüzünü kullanarak yazmanıza, ardından özel tasarım veya işlevselliğin gerekli olduğu Divi düzenlerini enjekte etmenize olanak tanır. Bir Divi düzen bloğu, Divi Builder'da oluşturabileceğiniz her şeyi içerebilir, ancak aynı zamanda bir abonelik formu kadar basit ve gerekli bir şeyi eklemek için de harikadır.

Bu eğitimde, Divi yerleşim bloğunu kullanarak Gutenberg blog gönderisine nasıl abonelik formu ekleneceğini göreceğiz.

Olası Sonuç

Nihai sonuç divi

JSON mizanpaj bloğunu içe aktarma

Düzeni Divi kütüphanesinden indirin

Yukarıda indirebildiğiniz JSON dosyasını içe aktarmak için, WordPress panonuzun arka ucundaki Divi kitaplığınıza gidin ve 'İçe ve Dışa Aktar'ı tıklayın.

Divi içe aktarma

Daha sonra indirme klasörünüzdeki JSON dosyasını seçin ve "Divi Builder Düzenlerini İçe Aktar" ı tıklayın.

Json divi 1'i içe aktar

Gutenberg gönderisinin içine yeni bir Divi Bloğu ekleyin

Düzeniniz içe aktarıldıktan sonra Gutenberg mesajınıza erişebilir ve yeni bir Divi düzen bloğu ekleyebilirsiniz.

Divi tasarımı

Kaydedilmiş sunulardan bir JSON dosyası içe aktarma

Ardından, "Kitaplıktan yükle" yi tıklayın, "Kaydedilmiş düzenleriniz" e gidin ve Divi CTA yerleşim bloğunu blog postanıza aktarmak için düzeni seçin. Bu kadar !

Gutenberg'e bir form enjekte edin

Ve hepsi bu!

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Bir divi form modülü enjekte edin

Öğreticiye geçelim, tamam mı?

Gutenberg blog yayınınıza Optin e-posta modülü ekleyin

Blog yayını oluşturma veya düzenleme

Başlamak için, yeni bir blog yazısı oluşturmamız veya mevcut olanı düzenlememiz gerekiyor. Bu örnek için, birkaç başlık ve paragraf bloğu kullanarak yazı başlığına ve gövdesine sahte içerik ekleyelim. Ardından, seçilen bir görüntüyü ekleyin ve Divi sayfa ayarlarının altındaki düzen için "Kenar çubuğu yok" u seçin.

Çevrimiçi bir Divi mizanpaj bloğu ekleyin

Gönderinin çoğunu oluşturduktan sonra, tek yapmamız gereken, yazının içerik alanında istediğimiz yere yeni bir Divi düzen bloğu eklemektir. Yazının içeriğiyle açıkça ilgilenen nitelikli bir müşteri adayını yakalamak için yazının sonuna daha yakın bir yere ekleyebiliriz.

Eklemek için fareyi seçenek e-postasını eklemek istediğiniz alanın üzerine getirin, ardından yeni bir blok eklemek için mavi artı simgesine tıklayın. Bağlamsal bloklar listesinde Divi Layout bloğunu seçin.

Divi mizanpaj bloğunda yeni bir mizanpaj oluşturma

Divi yerleşim bloğu seçildikten sonra, "Yeni bir düzen oluştur" veya "Kitaplıktan yükle" seçeneklerine sahip olacağız. E-posta seçeneğini sıfırdan oluşturmamız gerektiğinden, "Yeni Düzen Oluştur" seçeneğini seçin.

Yeni divi tasarımı tasarlayın

Bölüm tasarımı

Düzen düzenleyicide, gönderimize dahil edilecek e-posta tercihini tasarlamaya başlayabiliriz. Bu düzenleyicide tasarladığımız her şey, yazının Divi Layout Block alanında görüntülenecektir.

Başlamak için, oradaki varsayılan bölümün bölüm ayarlarını açın.

Düzen için iki sütunlu bir düzen seçeceğiz.

Divi düzenini seçin

Ardından E-posta Optin modülünü sütunlardan birine ekleyeceğiz, sütun seçimini size bırakıyorum.

Optin divi e-posta modülü

Ardından, bölümün arka planını özelleştireceğiz. Tasarımınızı benzersiz kılmak için her zaman değerleri değiştirebilirsiniz. Ancak aşağıdaki değerleri kullandık:

  • Arka plan: # ff6100
  • Üst ve Alt Ayırıcı: üstten 13. sayım.
Divi modül ayırıcı
  • Bölücü öğe genişliği: 40px (üst ve alt).

Şimdi metnin karşı sütununa ekleyeceğiz. Burada, ziyaretçinin abone olmasını sağlamak için hızlı metin kullanacaksınız.

Divi metin modülü

Daha sonra farklı değişiklikler yapmanız gerekir:

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

  • Yazı tipi metni: Montserrat
  • Yazı tipi rengi: #FFF
  • Metin Yazı Tipi Altyazı H2: Montserrat
  • Metin Altyazı H2 Boyut: 2.5em
  • Metin Altyazı H2 Renk: #FFF
Divi başlık kişiselleştirme

Kullanacağınız e-posta sistemini yapılandırmayı unutmayın. Gutenberg'in uyumlu olduğunu bilmelisiniz MailChimp.

Son düşünceler

Gutenberg mesajınıza bir optin e-postası eklemek, Divi düzen bloğu ile inanılmaz derecede kolay hale geldi. Sadece saniyeler içinde tamamen işlevsel (ve kullanımı kolay) bir e-posta seçeneği eklemekle kalmaz, aynı zamanda özel tasarım, vurgulu efektler ve animasyon eklemek için Divi Builder'ı da kullanabilirsiniz. Tüm bunlar bir eklenti kullanmak zorunda kalmadan!

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
2 hisseleri
hisse2
cıvıltı
Enregistrer