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.

Gördüğünüz gibi, Divi Builder bir kişi formu modülü eklediğinizde otomatik olarak üç alandan oluşan bir iletişim formu içerecektir. Yeni bir alan eklemek için artı düğmesini tıklayabilirsiniz. Bu arada, mevcut alanları silmek için, silmek istediğiniz alandaki çöp simgesine tıklayabilirsiniz.

Mevcut alanı düzenlemek için, düzenlemek istediğiniz alandaki dişli simgesine tıklayabilirsiniz. Bu düğmeyi tıklamak, kişi formu ayar panelini, alan kimlikleri, alan başlıkları ve alan türleri gibi şeyleri yönetebileceğiniz bir alan ayar paneline değiştirecektir.

Metin bloğunda alan kimliği ve alan başlığını ayarlayabilirsiniz. Bu arada, alan türünü ayarlamak için alan opsiyon bloğunu açabilirsiniz. Alanı tamamladıktan sonra, Kontak formu ayarları paneline geri dönmek için Ayarlar panelinin sol üst köşesindeki iptal simgesini tıklayabilirsiniz. Form başlığını, başarılı mesajı ve gönder düğmesini ayarlamak için metin bloğunu açabilirsiniz.

Ardından, formu göndermek için hedef e -posta adresini ayarlamak için e -posta bloğunu açabilirsiniz. Bu bloktan, özel bir mesaj deseni yapmak istiyorsanız mesaj modelini de ayarlayabilirsiniz. Özel mesaj kalıplarını bilmiyorsanız, varsayılan mesajlaşma modelini kullanmak için alanı boşaltabilirsiniz.

Bir yönlendirme bağlantısı eklemek istiyorsanız, eklemek için yönlendirme bloğuna tıklayabilirsiniz. Recaptcha formuna Recaptcha eklemek, WordPress kullanıcıları tarafından yaygın olarak kullanılan bir spam koruma hizmetidir. Google’ın büyük adı, birçok insanın bunu kullanmasının ana nedenidir. Divi Builder, Recaptcha ile Recaptcha ile orijinal entegrasyon sunar, bu nedenle iletişim formunuzu Recaptcha ile korumak için ek WordPress eklentileri yüklemenize gerek yoktur. Ayarlar panelinde spam koruma bloğunu açabilir ve Recaptcha’yı kullanmak için spam koruma hizmetini kullanma seçeneğini etkinleştirebilirsiniz.

Recaptcha ile divi formlarının nasıl korunacağına dair daha ayrıntılı talimatlar için önceki makalemizi okuyabilirsiniz. Yukarıda belirtildiği gibi alana koşullu mantık ekleyen Divi Builder Kontak Formu Modülü, alanı belirli parametrelere göre görüntülemenizi sağlamak için durumun mantığını destekler. İşte kullanabileceğiniz parametreler:

Diğer alanlar, diğer alanlar belirli metinler içerdiğinde alanın değerine eşit olduğunda alanı görüntüler

Diğer alanlar boş olduğunda alanları göster
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.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir