WordPress'te Divi İletişim Formu Nasıl Oluşturulur

Yayınlanan: 2022-01-20
how to create a divi contact form

WordPress siteniz için bir Divi iletişim formu oluşturmanın kolay bir yolunu mu arıyorsunuz?

Divi, piyasadaki en popüler WordPress temalarından biridir. Web sitenizi ön uçtan özelleştirmenize olanak tanıyan kullanıcı dostu bir oluşturucu ile birlikte gelir. Harekete geçirici mesaj düğmesi, iletişim formu ve daha fazlası gibi sayfa modülleri ekleyebilirsiniz.

Divi İletişim Formu modülü ile herhangi bir üçüncü taraf hizmeti olmadan bir iletişim formu oluşturabilir ve ekleyebilirsiniz. Sitenize basit bir iletişim formu eklemenin kolay bir yolunu istiyorsanız bu harika.

Ancak, kullanıcı gönderimleri, e-posta pazarlaması ve daha fazlası gibi gelişmiş özellikler için WPForms gibi güçlü bir form oluşturucu eklentisine ihtiyacınız olacak.

Bu nedenle Divi Builder ayrıca bir WPForms modülüyle birlikte gelir, böylece birkaç tıklamayla profesyonel iletişim formlarını kolayca ekleyebilirsiniz.

Bu gönderide, WordPress'te bir Divi iletişim formu oluşturmanın bu iki yöntemini göstereceğiz:

  • Divi Builder ile İletişim Formu Oluşturun
  • WPForms ile Divi Kişisi Oluşturun

Divi Builder ile İletişim Formu Oluşturma

Halihazırda Divi'niz yoksa, öncelikle bir Divi Hesabına kaydolmanız gerekir. Ardından, kontrol paneline erişebilecek ve tema dosyanızı indirebileceksiniz.

Divi

WordPress panonuza Divi Temasını yükleyip etkinleştirdikten sonra, Divi iletişim formunuzu eklemek istediğiniz herhangi bir sayfayı veya gönderiyi açın.

Gönderi düzenleyicide Divi Builder'ı Kullan düğmesini göreceksiniz. Oluşturucuyu sitenizin ön ucunda başlatmak için düğmeye tıklayın.

divi builder post editor

Bir sonraki ekranda, sıfırdan bir sayfa oluşturma, önceden hazırlanmış bir düzen seçme veya mevcut bir sayfayı klonlama seçeneklerini göreceksiniz.

Bu eğitim için yeni sayfayla başlayacağız ve iletişim formunu ekleyeceğiz.

build from scratch divi

Ardından, ihtiyaçlarınıza uygun bir satır şablonu seçebileceğiniz Divi oluşturucuyu göreceksiniz.

add row divi builder

Satırı ekledikten sonra, farklı türde içerik modülleri eklemenizi sağlayan Modül Ekle panelini görebilirsiniz.

Aşağı kaydırırsanız, İletişim Formu modülünü bulacaksınız. Divi iletişim formunu sitenize eklemek için üzerine tıklamanız yeterlidir.

divi contact form module

Varsayılan olarak, iletişim formu üç form alanından oluşur: Ad, E-posta ve Mesaj. İhtiyaçlarınıza göre başka form alanları eklemek için Yeni Alan Ekle düğmesine tıklayabilirsiniz.

divi contact form editor

Ek olarak, Metin ayarlarında başlığı düzenleme, başarılı mesajı gönderme ve düğme metnini gönderme seçeneklerini bulacaksınız.

divi form name and settings

Divi ayrıca yeni form gönderimleri hakkında bilgilendirilmeniz için e-posta mesajları göndermenize de olanak tanır.

Ayrıca, yönlendirme bağlantıları, spam koruması, arka plan ayarları ve daha fazlası gibi başka yararlı seçenekler de bulacaksınız.

divi contact form settings

Divi iletişim formu modülü ile WordPress sitenize kolayca basit bir iletişim formu ekleyebilirsiniz. Markanızın stiline uymanız için birçok özelleştirme seçeneği vardır.

Divi iletişim formunuza daha gelişmiş özellikler eklemek istiyorsanız, iyi bir form oluşturucu eklentisi kullanmanız gerekir.

Ve bir sonraki yöntemde tam olarak bunu yapacağız. En güçlü WordPress form oluşturucu WPForms'u kullanarak nasıl Divi kişisi oluşturacağınızı göstereceğiz.

WPForms ile Divi İletişim Formu Oluşturun

WPForms

WPForms, WordPress için en iyi sürükle ve bırak form oluşturucu eklentisidir. Sadece birkaç tıklamayla iletişim formları, kayıt formları, indirme formları ve daha fazlası gibi her türlü formu oluşturmanıza olanak tanır.

WPForms, 100'den fazla önceden oluşturulmuş form şablonuyla birlikte gelir, böylece sıfırdan bir iletişim formu oluşturmanıza gerek kalmaz. Herhangi bir form alanı ekleyebilir veya kaldırabilir ve bunları istediğiniz gibi özelleştirebilirsiniz. Üstelik bunun için herhangi bir kodlama bilgisine bile ihtiyacınız yok.

WPForms ile oluşturduğunuz tüm iletişim formları %100 duyarlı olacak ve böylece her ekran boyutunda güzel bir şekilde görüntülenecektir. Sitenizde spam ve sahtekarlık formu gönderimlerini önleyebilmeniz için yerleşik bir spam koruma seçeneği bile vardır.

5 milyondan fazla aktif kurulumla WPForms, dünya çapındaki her tür işletme tarafından sevilir. Divi kullanıcısıysanız ve sitenize harika iletişim formları eklemek istiyorsanız WPForms ile devam edebilirsiniz.

Divi iletişim formunuzu WPForms ile oluşturmanız için bazı nedenler şunlardır:

  • Kullanımı ve kurulumu kolay
  • Gelişmiş form bildirimleri ve onayları
  • Dosya yükleme ve içerik gönderme işlevi
  • Yerleşik form gönderme yönetim sistemi
  • E-posta listenizi büyütmek için e-posta pazarlama entegrasyonu
  • Kısmi form girişlerini yakalamak için formdan vazgeçme seçeneği
  • E-Ticaret ve ödeme seçenekleri için form alanları

Ve harika haber şu ki, Divi Builder'da bir WPForms modülü var. Böylece WPForms ile oluşturduğunuz iletişim formunu sitenize kolayca ekleyebilirsiniz.

Ayrıca WPForms'u Divi ile veya Divi olmadan herhangi bir WordPress sitesinde kullanabilirsiniz. Divi için ödeme yapmayı bırakmaya karar verirseniz, WPForms ile oluşturduğunuz formlar sitenizde olduğu gibi kalır.

Bununla birlikte, WPForms + Divi ile nasıl iletişim formu oluşturulacağını öğrenelim.

1. Adım: WPFroms Eklentisini Kurun ve Etkinleştirin

Öncelikle, bir WPForms hesabına kaydolmanız gerekir.

WPForms, her tür işletmenin gereksinimlerine uyacak şekilde tasarlanmış esnek fiyatlandırma planları sunar. İşletmenize uygun bir plan seçebilirsiniz. Ve ücretsiz olarak sunulan bir lite versiyonu var.

Kaydolduktan sonra WPForms kontrol panelinize erişebileceksiniz. Eklenti dosyasını, lisans dosyanızla birlikte İndirilenler sekmesinde bulacaksınız.

WPForms license key

Bu eklenti dosyasını WordPress sitenize yüklemeniz gerekir. Bununla ilgili daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza göz atabilirsiniz.

WPForms'u sitenize kurup etkinleştirdikten sonra, yönetici panonuzdaki WPForms »Ayarlar sekmesine gidin.

Burada, lisans anahtarını girmeniz ve Anahtarı Doğrula düğmesine tıklamanız gerekir.

verify wpforms license

Ardından, doğrulama başarılı mesajını göreceksiniz. Artık WPForms kullanarak iletişim formunuzu oluşturmaya başlayabilirsiniz.

2. Adım: Bir İletişim Formu Oluşturun

Yeni bir form oluşturmak için WordPress panonuzdaki Yeni Ekle sekmesine gidin. Bu, siteniz için uygun bir iletişim formu şablonu arayabileceğiniz şablon kitaplığını başlatır.

Bu eğitim için Basit İletişim Formu şablonuyla başlayacağız. Bu şablon, ad, e-posta ve mesaj gibi bir iletişim formu için gereken tüm temel form alanlarını içerir. Hangisinin sizin için daha iyi olduğunu görmek için başka herhangi bir şablonu da önizleyebilirsiniz.

İletişim formunuz için bir ad girin ve seçtiğiniz form şablonundaki Şablonu Kullan düğmesine tıklayın.

create divi contact form in wpforms

Bir sonraki ekranda, WPForm'un sürükle ve bırak form oluşturucusunu göreceksiniz. Tüm form alanları sol tarafta ve form önizlemesi sayfanın sağ tarafındadır.

Sayılar, açılır liste, çoktan seçmeli, dosya yükleme, derecelendirme, zengin metin ve çok daha fazlası gibi çok çeşitli faydalı form alanları bulacaksınız.

wpforms form fields

Bir form alanı eklemek için sol taraftan sürükleyip form ön izlemesine yerleştirmeniz yeterlidir.

wpforms drag and drop

Bu form alanlarından herhangi birini özelleştirmek istiyorsanız, üzerlerine tıklayabilir ve alan seçeneklerini görebilirsiniz. Form alanına bağlı olarak form etiketini, açıklamasını, gerekli ve diğer ek seçenekleri değiştirme seçenekleri vardır.

add file upload to divi contact form

Gerekli tüm alanları Divi iletişim formunuza ekledikten sonra, form oluşturucunun üstündeki Kaydet düğmesine tıklayın.

Ardından, form ayarlarını, bildirimleri ve onayları ayarlamanız gerekir.

3. Adım: Form Ayarlarını Yapılandırın

Form ayarlarını değiştirmek için form oluşturucunun sol menü panelinden Ayarlar » Genel sekmesini açın. Burada form adını, form açıklamasını, gönder düğmesi metnini ve daha fazlasını değiştirebilirsiniz.

Ayrıca sitenizde istenmeyen posta önleme korumasını etkinleştirme seçeneği de vardır. Bu, iletişim formunuz için Google reCAPTCHA'yı kuracaktır.

general settings wpforms

Divi iletişim formunuz için e-posta bildirimleri ayarlamak üzere Ayarlar »Bildirimler sekmesine gidin. Yönetici e-posta adresine gönderilen varsayılan bir bildirim olduğunu göreceksiniz.

Birden fazla form bildirimi göndermek için birden fazla e-posta adresi ekleyebilir veya Yeni Bildirim Ekle düğmesini tıklayabilirsiniz.

Bununla, sizi ve ekip üyelerinizi yeni form gönderimleri hakkında bilgilendirebilir, müşterilere gönderim ayrıntılarını gönderebilir ve daha fazlasını yapabilirsiniz.

form notificaitons wpforms

Bununla ilgili daha fazla bilgi istiyorsanız, Doğru Form Bildirimleri ve Onayları Nasıl Kurulur kılavuzumuza göz atabilirsiniz.

Benzer şekilde, WPForms, bir kullanıcı iletişim bilgilerini sitenize gönderdikten sonra ne olacağına karar vermenizi sağlar. Ayarlar » Onaylar sekmesine gidin ve onay eylemini seçme seçeneğini göreceksiniz.

wpforms-confirmations

Böylece, kullanıcı gönder düğmesine bastıktan sonra ön uçta özel bir 'teşekkür ederim' mesajı gösterebilirsiniz. Veya kullanıcıları sitenizdeki farklı bir sayfaya veya harici bir URL'ye göndermek için yönlendirme seçeneklerini belirleyin.

Form ayarlarıyla işiniz bittiğinde, Kaydet düğmesini tıkladığınızdan emin olun.

Artık iletişim formunuz hazır olduğuna göre Divi Builder'ı kullanarak web sitenize ekleyebilirsiniz.

Adım 4: Divi'de WPForms Modülü ekleyin

Bu iletişim formunu herhangi bir sayfaya veya gönderiye eklemek için Divi Builder'ı açın ve Divi iletişim formu modülü için yaptığımız gibi bir satır düzeni seçin.

Buradaki tek fark, WPForms modülünü aramanız gerekmesidir.

divi wpforms contact form

WPForms bloğunu ekledikten sonra, az önce oluşturduğunuz iletişim formunu seçme ayarlarını göreceksiniz. İletişim formunuzun başlığını ve açıklamasını da gösterme seçenekleri vardır.

choose wpforms contact form

Divi Builder ile iletişim formunuzun tasarımını ve stilini bile değiştirebilirsiniz. Divi iletişim formunuzun görünümünden memnun olduğunuzda, sağ onay işareti düğmesine tıklayın.

Adım 5: Divi İletişim Formunuzu Yayınlayın

Son adım, iletişim formunuzu yayınlamaktır. Bunun için Divi Builder'ın alt kısmında bulunan 3 nokta butonuna tıklayın.

publish divi contact form

Ardından yakınlaştırma, duyarlı önizleme ve daha fazlası gibi farklı seçenekleri göreceksiniz. Sağ tarafta iki düğme vardır: Taslağı Kaydet ve Yayınla.

Sayfanızı ve iletişim formunuzu WordPress sitenizde yayınlamak için Yayınla düğmesine tıklayın.

publish your divi contact form

Divi ve WPForms kullanarak başarıyla bir iletişim formu oluşturdunuz. Divi bir iletişim formu modülü sunarken, dosya yükleme, giriş yönetimi ve e-posta listesi entegrasyonu gibi bazı özelliklerden yoksundur.

WPForms ile bu sorunları kolayca çözebilirsiniz. Temelden profesyonele her türlü iletişim formunu oluşturmanıza yardımcı olan özellikler ve işlevlerle doludur.

WPForms, gereksinimlerinize bağlı olarak herhangi bir amaç için WordPress formları oluşturmanıza da olanak tanır. Sipariş formları, etkinlik kayıt formları, kayıt formları ve çok daha fazlasını oluşturabilirsiniz.

Ve bugünlük bu kadar! Bu öğreticinin, WordPress'te kolaylıkla Divi iletişim formu oluşturmayı öğrenmenize yardımcı olacağını umuyoruz.

WordPress formlarıyla ilgili daha fazla yardım istiyorsanız, şu kaynaklara göz atabilirsiniz:

  • WordPress'te Etkinlik Kayıt Formu Nasıl Oluşturulur
  • WordPress için En İyi 8 E-posta Yakalama Aracı ve Form Oluşturucu
  • Form Terk Etmeyi Kolayca Azaltma

Bu gönderiler, kullanıcıları WordPress formlarınıza kaydetmenize ve e-posta listelerinizi büyütmenize yardımcı olacaktır. Sonuncusu, formunuzdaki terk oranlarını azaltmanıza ve dönüşümlerinizi iyileştirmenize yardımcı olacaktır.