Divi’de bir iletişim formu nasıl oluşturulur
Güvenilir bir web sitesi oluşturmak istiyorsanız, web sitenizden iletişim sayfaları sunmalısınız. Çoğu durumda, web sitesi sahibi, ziyaretçilerin onlara ulaşmasını kolaylaştırmak için iletişim sayfasında iletişim formları sağlar. WordPress’te, iletişim formları oluşturmak için birçok eklenti seçeneğiniz vardır, ancak Divi kullanıyorsanız, ek eklentiler yüklemenize gerek yoktur. Bunun yerine, Divi Builder’ı kullanarak bir kişi sayfası oluşturabilir ve iletişim formunu eklemek için Kontak Formu modülünü kullanabilirsiniz. Bu makale size nasıl olduğunu gösterecektir. Divi Builder’ın temas formu modülü, bir iletişim formu oluşturmak için fazlasıyla yeterlidir. Bu, metin, e -posta ve metin alanı gibi temel alan türlerini destekler. Radyo düğmeleri, açılır ve onay kutuları gibi giriş stilleri de ekleyebilirsiniz. İlginç bir şekilde, alanları belirli parametrelere göre görüntülemek/gizlemek için koşullu mantık da ekleyebilirsiniz. Örneğin, önceki alan doldurulduktan sonra alanları görüntüleyebilirsiniz.
Elementor’dan farklı olarak divi’de bir temas formu nasıl yapılır (Elementor vs divi), Divi Builder’ın temas formu modülü yalnızca bir temas formu oluşturmak için kullanılabilir. Bir e -posta katılım formu oluşturmak için başka bir modül – optin e -posta modülü – kullanabilirsiniz. Kişiler Oluşturma Divi Builder kullanarak, birçok stil seçeneğiniz var çünkü Divi Builder diğer sayfa yapımcıları gibi görsel bir düzenleyici ile birlikte geliyor. İsterseniz, Gutenberg’de Divi Builder ile oluşturduğunuz iletişim formunu kullanabilirsiniz. Başlamak için bir iletişim formu oluşturun, önce yeni bir sayfa oluşturun (sayfa -> yeni ekle) ve Divi Builder ile düzenleyin. Divi’de bir sayfa oluşturmak için üç seçeneğiniz var: en başından beri, daha önce yapılan düzenden ve mevcut sayfanın taklit edilmesini yaparak. Bu örnekte ilk seçeneği seçiyoruz. Hattı yapıştırın ve Kontak Formu modülünü ekleyin. Bölümün yanı sıra Divi Builder’daki satırlarla nasıl çalışılacağı hakkında daha fazla bilgi edinmek için önceki makalemizi okuyabilirsiniz.
Diğer alanlar boş olmadığında alanları göster
Birkaç parametre ekleyebilirsiniz.
Sahaya koşullu mantık eklemek için, önce koşullu mantık eklemek istediğiniz alan dişlisi simgesini tıklayın. Ardından, koşullu bir mantık bloğu açın ve anahtarı etkinleştirerek koşullu mantığı etkinleştirin.
Kurallarda parametreleri ayarlayabilirsiniz. Birkaç parametre ekleyebilirsiniz. Yeni bir tane eklemek için artı düğmesini tıklamanız yeterlidir.
Gerekli ayarları yapmayı bitirdikten sonra şekli düzenlemek, formunuzu düzenleme zamanı. Divi Builder’da, Modülü Ayarlar panelindeki Tasarım sekmesinden ayarlayabilirsiniz. Bu yüzden, formunuzu düzenlemeye başlamak için tasarım sekmesini açın. İlk olarak, alanın arka plan ayarlarını, odak düzleminin arka planını, alan metninin rengi, odak düzleminin metninin rengi, metnin rengi vb. .
Metin seviyesini ayarlamak için metin bloğunu açabilirsiniz. Gönder düğmesini ayarlamak için düğme bloğunu açabilirsiniz. Gönder düğmesi için özel bir stil kullanmak için düğme için özel bir stil kullanma seçeneğini etkinleştirebilirsiniz. Divi Builder’daki düğmelerin nasıl ayarlanacağını öğrenmek için önceki makalemizi okuyabilirsiniz. Saha sınırlarını ayarlamak için sınır bloğunu açabilirsiniz. Bu bloktan, sınır yarıçapını, sınır tipini, sınır genişliğini ve sınırın rengini ayarlayabilirsiniz. Ekleyebileceğiniz diğer stil seçeneklerini keşfetmek için diğer bloklarla oynayabilirsiniz. Bireysel alanları düzenleme İsterseniz, formunuzdaki tek tek alanda özel stil de kullanabilirsiniz. Örneğin, belirli alanlarda farklı arka plan renkleri kullanmak isteyebilirsiniz. Tek tek düzleme özel bir stil eklemek için, önce stili eklemek istediğiniz alana dişli simgesine tıklayabilirsiniz. Ardından, tasarım sekmesini açabilir ve yukarıda tartıştığımız gibi stili uygulamak için bir blok açabilirsiniz. Formu düzenlemeyi bitirdikten sonra, iletişim sayfanızı daha çekici hale getirmek için Divi sayfanıza başka bir modül ekleyebilirsiniz. Bittiğinde, sayfanızı yayınlamak için sağ alt köşedeki yayın düğmesini tıklayabilirsiniz. Divi Builder Editor’dan çıkmak için, üst çubuktaki görsel editörün metnine tıklayabilirsiniz. Gutenberg Divi’deki Divi formunun nasıl kullanılacağı Gutenberg’e Divi düzeni eklemenize izin vermek için Gutenberg ile orijinal entegrasyon desteğine sahiptir. Bu özellik, Gutenberg ile yaptığınız herhangi bir blog yayınına veya sayfaya divi formları eklemenizi sağlar. Gutenberg’deki Divi formunu kullanmak için, önce divi kullanarak bir iletişim düzeni oluşturmalısınız. Bunu yapmak için divi -> divi kütüphanesini açın ve yeni bir düzen eklemek için yeni ekle düğmesine tıklayın. Düzeninizi düzen adı alanında adlandırın. Tür düzeninde düzen seçin. Gönder düğmesini tıklayın. Yukarıda tartıştığımız gibi iletişim formunuzu oluşturun. Bittiğinde sağ taraftaki Güncelle düğmesini tıklayın. Formu Divi düzenleyicisi aracılığıyla düzenlemek istiyorsanız, ön uç düğmesindeki derlemeyi tıklayabilirsiniz.
Düzen yapıldıktan sonra Gutenberg kullanarak yeni bir yazı oluşturun veya düzenleyin. Yeni bir blok ekleyin ve Divi Düzeni’ni seçin. Yukarıda yaptığınız formun düzenini seçmek için Kütüphaneden Yük’e tıklayın. Görünen iletişim kutusunda, depolanan düzen sekmenizi tıklayın ve oluşturduğunuz formun düzeni seçin. E -posta adresinize gönderme formlarını göndermek için WP_MAIL (varsayılan WordPress e -posta işlevi) kullanarak potansiyel hata modülü divi iletişim formu. İşlevin kendisi, çalışmak için PHP send_mail işlevine bağlıdır. Yani, yaptığınız form çalışmıyorsa, sorunu çözmek için bu alanı kontrol edebilirsiniz. Tüm web barındırma sağlayıcıları, send_mail işlevini barındırma paketlerinde, özellikle paylaşılan barındırma paketinde etkinleştirmez. Yönetilen bir WordPress barındırma veya hatta Divi için optimize edilmiş bir barındırma divi kullanmanızı öneririz. Veya, varsayılan WordPress e -posta dağıtım işlevini değiştirmek için SendGrid ve Mandrill gibi üçüncü taraflı e -posta dağıtım hizmetlerini kullanabilirsiniz.