Elementor Form widget'ıyla Formlar oluşturun ve tasarlayın

Her web sitesinde bir iletişim formu bulunmalıdır! İletişim formları, web sitenizin türü ne olursa olsun, çeşitli amaçlar için faydalıdır. Potansiyel müşteriler oluşturabilir, bağlantılar ve ilişkiler kurabilir, kullanıcıların sitenizle ilgili sorunları bildirmelerine olanak tanıyabilir ve bu ikisi arasında kalan her şeyi yapabilirler.

WordPress'te iletişim formları oluşturmak için teknik uzman olmanıza gerek yoktur. Elementor sayfa oluşturucu, güzel web siteleri oluşturmayı her zamankinden daha kolay hale getiriyor.

Elementor ile iletişim formlarının nasıl oluşturulacağını göstermek için farklı seçeneklerin üzerinden geçeceğiz ve Elementor'daki iletişim formları hakkında bilinmesi gereken her şeyi ele alacağız.

Elementor uzun bir süredir bir Form widget'ı içeriyor; bu, artık WordPress web siteniz için Formlar oluşturmak için başka bir yere gitmenize gerek olmadığı anlamına geliyor; bu bir nimettir!

Geçmişte, mevcut bazı plugin Form oluştururken zorluklarla karşılaşmış olabilirsiniz. Formları tasarlama ve yapılandırma süreci zaman alıcı ve sinir bozucu olabilir. Neyse ki hepimiz için Elementor Form widget'ıyla çalışmak oldukça kolaydır.

Elementor form oluşturucuyu kullanmaya başlamadan önce en temel özelliklerinden bazılarına hızlıca göz atalım.

Yeni başlayanlar için en ayırt edici özelliklerden biri, Elementor arayüzüne tamamen entegre olmasıdır; bu, Elementor'da bulunan birçok tasarım/stil/düzen seçeneğine erişebileceğiniz anlamına gelir. Bunun kadar sağlam bir tasarım sistemine sahip bağımsız bir form plugin bulacağınıza inanmıyorum.

Buradan en fazla 18 farklı alan türü oluşturabilirsiniz:

  • Metin E-posta Metin Alanı Metin alanı
  • URL ve telefon numarası aşağıdaki gibidir:
  • Radyo düğmeleri bir tür radyo düğmesidir.
  • Listeden seçim yapın (açılır)
  • Kontrol listelerinde onay kutuları kullanılır.
  • Yalnızca bir onay kutusu vardır (kabul)
  • reCAPTCHA
  • Balküpleri balı tutan bir tür kaptır (spam'ı önler)

Ayrıca, uzun formlu uygulamalar için faydalı olan, çok adımlı formlar oluşturmak için formlarınızı birden fazla sayfaya bölebilirsiniz.

Elementor Pro, formlarınızdan en iyi şekilde yararlanmanıza yardımcı olmak için popüler e-posta pazarlama hizmetleri ve müşteri ilişkileri yönetimi sistemleriyle 12'den fazla entegrasyona sahiptir. Ayrıca, aracınız listelenmemişse, Zapier platformunda mevcut olan binlerce araçtan herhangi birine bağlanmanıza olanak tanıyan kapsamlı bir Zapier entegrasyonu da bulunmaktadır.

Birkaç ilgi çekici alternatif daha var. amp birisi Formunuzu doldurduğunda Slack veya Discord üzerinden bildirim alabilirsiniz.

Bildirimlerden bahsetmişken, aldığınız e-posta bildirimlerini ve formu gönderenlerin aldığı e-posta bildirimlerini de kişiselleştirebilirsiniz. Formu gönderdikten sonra onları, oluşturduğunuz özel bir teşekkür sayfasına yönlendirebilirsiniz.

Elementor'da Form Oluşturmanın En İyi Yolu Nedir?

Elementor editörünü açıp Form widget'ını Formumuzu oluşturmak istediğimiz konuma sürükleyip bırakarak başlayacağız.

Elementor Formu nasıl oluşturulur?

Elementor'daki diğer her şey gibi Form oluşturma süreci de görsel olarak gerçekleştirilir. Ek bir plugin kullanmanıza veya web sitenizin arka ucu olarak görev yapmanıza gerek yoktur.

Elementor Elemanlarını Yapılandırılmış Bir Şekilde Oluşturmak

Formunuz hazır olduğunda ilk adım, formda yer alan bilgileri düzenlemektir. Hangi Alanlara ihtiyacınız var ve bunlar ne tür Alanlar olmalıdır? Ne arıyorsun?

Elementor düzenleyicisinde çalışırken Form Alanları İçerik sekmesinden eklenir ve düzenlenir. Aşağıdaki amp görebileceğiniz gibi Formlar birkaç varsayılan Alan içerir. Açılır menüden Öğe Ekle'yi seçerek yeni Alanlar oluşturabilirsiniz.

Alanı çoğaltmak, biri diğerinin önünde iki belgeye benzeyen simgeyi seçip üzerine tıklayarak da mümkündür. 

Formdaki Alan Türleri

Basit metin alanlarından şifrelere, ReCaptcha'ya ve bal küpü alanlarına kadar pek çok Form Alanı türü mevcuttur.

Form Alanının davranışını değiştirmek için önce Alanı seçin ve ardından Tür açılır menüsünü beğenerek mevcut çeşitli Alan türlerini görün.

Elementor Formunda Alan Türleri

Form sütununun genişliği

Bu özellik, Sütun Genişliği ayarını değiştirerek aynı satırda iki Form Alanı kullanmanıza olanak tanır. Açılan seçiciden pencereyi seçip yüzde 50'yi seçerek pencerenin genişliğini değiştirin. Bunu iki ardışık Form Alanıyla yaparsanız, bunların aynı satırda birlikte göründüklerini fark edeceğinizi belirtmekte fayda var.

Şekillendirme için Elementor'daki Formlar

Elementor düzenleme arayüzünde bulunan Stil paneline giderek diğer widget'lara stil uyguladığınız gibi Elementor'da Formlarınızın stilini belirleyin.

Formun kendisi, Alanlar, düğmeler, adımlar, hata mesajları ve onay mesajlarının tümü özelleştirilebilir.

Zaten Elementor'a aşina olanlar için, Elementor Formlarını şekillendirme konusunda öğrenmeleri gereken fazla bir şey yok.

Form Üzerindeki Eylemler

Elementor'da Form oluşturmaya ilişkin tartışmamızın ardından Formunuz gönderildikten sonra ne olacağını yapılandırmaya bakalım; bu, Form eylemleri aracılığıyla veya Elementor'da belirtildiği gibi, Gönderim Sonrası Eylemler aracılığıyla gerçekleştirilir.

Bir form gönderildiğinde sistemin bir e-posta göndermesi ve kullanıcıyı farklı bir web sayfasına yönlendirmesi yaygındır. Elbette Formlarınıza istediğiniz kadar eylem ekleyebilir ve bunları istediğiniz şekilde birleştirebilirsiniz. Tahmin edebileceğiniz gibi, hiçbir kodlama içermeyen belirli bir seçici Alan vardır.

Eklediğiniz eylemlerin her biri ana menüde ayrı bir sekme seçeneği olarak görünecektir. Şu anda E-posta için bir sekme seçeneğimiz var, ancak Eylem Ekle Alanına bir yönlendirme ekleseydim, aşağıdaki amp gösterildiği gibi sekme seçeneklerimde de Yönlendirme'yi görürdüm.

Son olarak, Formlar hakkında en sık sorulan soru olan E-posta yoluyla yapılan gönderimleri kabul edecek şekilde Formu nasıl yapılandıracağımı göstereceğim.

Editördeki İçerik sekmesinden E-posta'yı seçtiğinizde karşınıza aşağıdaki ekran gelecektir; Burası, Gönderen E-postayı ve yanıt e-postasını kişiselleştirebileceğiniz yerdir ve ayrıca Formdaki gönderimlerin bir kopyasını alması gereken herkese bir CC veya BCC ekleyebilirsiniz.

Elementor'da İletişim Formu Mesajlaşma Şablonu Oluşturma

Birçok kişi, Elementor'un form düzenleyicisinin ilk bakışta göründüğünden daha güçlü olduğunu ve daha gelişmiş özelliklerden birinin de her Form için mesajlaşmayı özelleştirebilme yeteneği olduğunu öğrenince şaşırır.

Formunuzu dolduran son kullanıcıya sıkıcı bir robot gibi görünmek yerine, daha kişiselleştirilmiş bir geri bildirim süreci sağlamak amacıyla form mesajlarını özelleştirmeniz mümkündür. Ancak özellikle Elementor iletişim formunuz için hangi mesajları özelleştirebileceğiniz aşağıdaki gibidir:

Başlamak için, önce açılır menüden "Ek Seçenekler"i seçerek ve ardından "Özel Mesajlaşma" geçiş anahtarını "Evet" konumuna getirerek özel mesajlaşmayı etkinleştirmeniz gerekir.

Özel mesajlar ekleyerek Elementor iletişim formu widget'ının özelleştirilmesi

Gördüğünüz gibi, aşağıda listelenenler de dahil olmak üzere özelleştirebileceğiniz dört farklı mesaj var:

Formu gönderdikten ve Formun doğru şekilde doldurulduğunu doğruladıktan sonra (örneğin, gerekli alanların eksik olmaması vb.) son kullanıcıya bir başarı mesajı görüntülenir.

Hata Mesajı — Formun gönderilmesi sırasında bilinmeyen bir hata oluştuğunda son kullanıcıya görüntülenen bir mesajdır.

Gerekli Mesaj — zorunlu bir form alanı doldurulmadığında, Form gönderildiğinde ve Form tamamlanmadığında görüntülenir.

Form gönderiminde hatalı olan ve gönderilemeyen bir durum olduğunda son kullanıcıya Geçersiz Mesaj mesajı görüntülenir.

Mesajları düzenleyebilmek, yaratıcı ve ilginç olmanıza veya kurumsal bir site işletiyorsanız daha resmi ve iş odaklı olmanıza olanak tanır. En iyi yanı, tamamen düzenlenebilir olmalarıdır, böylece istediğinizi yapabilirsiniz!

Çözüm

Elementor form widget'ı sayesinde bir iletişim formu oluşturmak zahmetsizdir. Sezgisel bir sürükle ve bırak iletişim formu oluşturucusu ve onu piyasadaki diğer iletişim formu plugin ayıran çok sayıda özelleştirme seçeneğiyle birlikte gelir. Stilini ve renk düzenini şirketinizin görünümüne ve tarzına uyacak şekilde kolayca özelleştirebilirsiniz. Ayrıca kullanışlı tek bir pakette çeşitli diğer ilgi çekici widget'lar, 300'den fazla profesyonel şablon ve bir açılır pencere oluşturucu da bulunmaktadır. Bu tam özellikli WordPress sayfa oluşturucu, gerekli tüm widget'ları ve özellikleri içerir, böylece web sitenizi daha da özelleştirmek için ek sayfa oluşturucular satın almanıza gerek kalmaz. Ayrıca 30'dan fazla pazarlama hizmetinin entegrasyonuna olanak tanır, bu nedenle bugün piyasada en çok satın alınan plugin biridir.

Hanson F.

yakın zamanda Gönderilenler

Elementor ile üstbilgiler ve altbilgiler nasıl kullanılır?

Bir web sitesinin üstbilgileri ve altbilgileri temel unsurlardır. Çoğu durumda, Başlık gezinmeyi sağlar…

6 Ocak 2022

WordPress tema karşılaştırması: Astra vs OceanWP

Piyasadaki en popüler WordPress temalarından ikisi Astra ve OceanWP'dir. Profesyonel…

2 Ocak 2022

WordPress haber teması karşılaştırması: Gazete vs. Astra

Mükemmel bir haber sitesi oluşturmak, web tasarımcısı olmanızı gerektirmez. Biz…

25 Ekim 2021

Gazete Teması ile haberlerle ilgili bir web sitesi oluşturun

Gazete teması, tagDiv tarafından tasarlanan en önemli WordPress temalarından biridir.

18 Ekim 2021

Avada WooCommerce oluşturucuyla bir e-Ticaret nasıl oluşturulur?

Çevrimiçi bir mağaza kurmaya gelince, WooCommerce başvurulacak plugin . BT…

4 Ekim 2021

Elementor ile yapışkan başlık ve kaydırma efektleri nasıl kullanılır?

Başlık genellikle bir kişinin web sitenizi ziyaret ettiğinde gördüğü ilk şeydir,…

21 Eylül 2021