Elementor ile yüksek dönüşümle nasıl bir form yapılır
Hiçbir iletişim olmadan başarılı bir iş yürütmeyi hayal edebiliyor musunuz? İmkansız! Müşterilerle iyi iletişimi sürdürmek her zaman iş geliştirmek için 1 numaralı önceliktir. Ne yaparsanız yapın, iletişim boşlukları kesinlikle işinizi yıkacaktır. Ve bu sorunun yalnızca web sitenize bir web formu ekleyerek üstesinden gelebilirsiniz. Web formu, sahibi ve müşteri arasında bir iletişim köprüsü oluşturur. Debriyaj’dan yakın tarihli bir çalışma, insanların% 86’sının haftada en az bir kez farklı web formları kullandığını göstermektedir. Bu çok büyük, değil mi?
Bu nedenle, web siteniz için yüksek dönüşümlü bir web formu oluşturmanın zamanı geldi. Açık ve özlü bir web formu, işinizi geliştirmenize, potansiyel müşteriler üretmenize ve müşterilerle konuşma deneyiminizi geliştirmenize yardımcı olacaktır.
Bir web formu tasarlamak için en iyi uygulama nedir? Çevrimiçi dünyada binlerce form var. Ancak, bunların hepsi kesinlikle izleyiciyi formu doldurmaya ikna etmek için yeterli değildir. Peki, web formlarını herkes için iyi yapan nedir? Yüksek dönüşüm formları tasarlamak için beş temel bileşen vardır. Onları görelim –
1. Her başarılı web formunun ana bileşenlerini ekleyin Birkaç temel bileşen içermelidir. Alanı web formunuza dahil etmelisiniz. Anahtar bileşene bakalım.
• FORM Yapısı Formun yapısı, kullanıcı deneyimini (UX) geliştirmek ve daha fazla beklenti üretmek için önemli bir rol oynar. Giriş alanını düzenli ve birbiriyle ilişkili tutmalısınız. Alanlar arasındaki mantıksal bağlantı, kullanıcıları formları doldurmaya teşvik eder. • Giriş profesyonel web formları alanı birkaç girdi alanı içermelidir. Temel alanlar metin alanları, şifre alanları, düğmeler, onay kutuları, kayar çubuklar vb. • Uygun alan etiketi, kullanıcının kutuya ne girmesi gerektiğini anlamak için girmesine yardımcı olur. • Balikpean geri bildirim mesajı, kullanıcıların kutuya doğru veya yanlış bilgilere girip girmediklerini anlamalarına yardımcı olur. Örneğin, kullanıcı telefon numarasını e -posta kutusuna girer, iletişim formu kullanıcıya bu hatayı anlatmak için bir mesaj görüntüler. • Eylem düğmesi Form verileri göndermek için Eylem düğmesi kullanılır. Genel olarak, bu düğme web formunun altında bulunur. Ancak, metin doğrulaması, sayı doğrulaması vb. Gibi birkaç eylem düğmesi vardır. • Hata yapmak için doğrulama insandır. Formu doldururken kullanıcının bir hata yapması çok normaldir. Bu doğrulama incelemesi, kullanıcıların sorunu çözmelerine yardımcı olur.
2. Sadece neyin gerekli olduğunu sorun! Bir web formu tasarlarken, formu birçok giriş sütunu ile doldurmayın. Kullanıcılar her zaman daha kısa formları tercih eder. Çünkü formu doldurmak daha kısa bir süre gerektirir. HubSpot raporu, giriş alanını üçe indirerek dönüşüm oranını% 25 artırabileceğinizi göstermektedir.
Giriş alanı sayısı ile dönüşüm seviyesi şekli, web formunuza beş ila yedi giriş alanı ekleyebilirsiniz. Kullanıcıların formunuzu doldurmak için iki dakikadan fazla ihtiyaç duymadığını unutmayın. Debriyaj’dan başka bir çalışma, kullanıcıların% 44’ünün formu doldurmak için iki dakikadan fazla harcamak istemediğini göstermektedir. Bu nedenle, formunuza ek alanlar eklemekten kaçının. Mümkün olduğunca basit ve kısa yapın. Gerçekten daha fazla alan eklemek istiyorsanız, çok adımlı formları deneyin.
• Örnekler verin – Belirli yer tutucuları yazmaktan başka örnekler vermeniz gereken birkaç metin kutusu vardır. Örneğin, belirli bir tarih toplayan girdi alanına girersiniz. Bilirsiniz, HH/BB/TTT, HH/BB/TTT, TTT/MM/DD, vb. Bu durumda, seçtiğiniz biçimi yer tutucuya dahil etmelisiniz. • Yıldız işaretini kullanın – Zorunlu bir giriş sütunu oluşturmak istiyorsanız, yıldız işaretini giriş sütununun üstüne koyun. Basit Asterisk (*) İşaret kullanıcıya bu sütunu doldurması gerektiği konusunda bir mesaj gönderir. • Büyük harf kullanımı kullanın – Cümle vakalarını kullanarak okunabilirliği artırmalısınız. Bu, web formunuzdaki CTA düğmesini kullanırken kontrol etmek için en önemli gerçektir. Etkili bir CTA düğmesi ekleyin Davet düğmesi oyunculuğu, kullanıcıyı bir sonraki adıma yönlendirmek için kullanılır. Bu, dönüşüm seviyesini değiştirmek için önemli bir rol oynar. Kullanıcının niyetlerini ifade eden etkili bir CTA düğmesi eklemeniz ve bunları bir sonraki adıma yönlendirmeniz gerekir. CTA düğmesini tasarlarken düğmeyi ve metin tasarımını kontrol etmelisiniz. Harekete geçmek için davet düğmesini tasarlarken birkaç şeyi hatırlamanız gerekir.
Düğmeyi web sayfanızdan görünür konuma yerleştirin
Arka plan tasarımınıza uygun umut verici bir renk ekleyin
Düğmenize bir 3D kuvvet eklemeyi deneyin
Düğme metninin yanına basit bir simge ekleyin
Bu, CTA düğmesini tasarlamada genel bir uygulamadır. Ancak, düğme metni de optimize edilmelidir.
Incounce’un bir çalışması, geleneksel CTA metninin kullanılmasının dönüşüm oranında yaklaşık% 3’lük bir azalmaya neden olduğunu söyledi. Bazı geleneksel düğme metni ‘Gönder’, ‘Liste’, ‘İndir’ ‘Go’ vb. Geleneksel metinden kaçının ve buraya tıklayın, daha fazla bilgi edinin, başlayalım, bağlanalım vb. Gibi benzersiz bir CTA düğmesi metni eklemeye çalışın. Bu arada, düğme metninin iki veya üç kelimeyi aşmadığından emin olun. Görsel olarak çekici bir form oluşturun, çoğu web sitesi sahibi web formlarının yalnızca veri toplama için tasarlandığını düşünür. Tasarıma konsantre olmaya gerek yok. Ancak, gerçek çok farklı.
Araştırmalar, kullanıcıların sayfada kalmak isteyip istemediğine karar vermek için sadece 0,05 saniyeye ihtiyaç duyduğunu söylüyor. Bu yüzden kullanıcıları göze ikna edebilecek görsel olarak çarpıcı bir form tasarlamanız gerekiyor. Görsel olarak şaşırtıcı bir form tasarlarken, aşağıdaki gerçekleri göz önünde bulundurmalısınız.
Giriş alanlarının sayısı – Gereksiz giriş alanlarını azaltın ve formları mümkün olduğunca basit hale getirin. Formun beş veya daha az giriş alanı içermesi daha iyi olurdu.
Tasarım – Renk kontrastını, giriş alanlarını ve metin biçimlendirmesini önemli bir şekilde yapın.
Bozuklukları Sil – Web formunun ana hedefi potansiyel müşteriler üretmek veya bir konuşma başlatmaktır. Bu nedenle, bu istenmeyen rahatsızlıkları ortadan kaldırarak bir formu minimum biçimde korumak için iyi bir uygulamadır.
Müşterilerinizle mükemmel bir bağ oluşturmak için bir web formu bu şekilde tasarlamanız gerekir. Şimdi, Elementor ile yüksek bir dönüşüm formunun nasıl oluşturulacağını öğrenmenin zamanı geldi.
Başlayalım. Eski web formlarını atmak ve zarif olanlarla değiştirmek için Elementor Time ile yüksek bir dönüşümle nasıl bir form yapılır. Ve gerçek şu ki, Elementor ile düşündüğünüz kadar karmaşık olmayan yüksek bir dönüşüm oluşturmaktır. Sadece bazı araçları kullanın ve bunu yapmaya hazırsınız. Önkoşul
• WordPress -Sesported Web Siteleri
• Element
• Metform
Yüksek bir dönüşüm formu oluşturmak için adım adım prosedüre devam edelim.
Adım #1: Bu sayfaya vardığınızda ortamınızı yapılandırın, zaten bir WordPress web siteniz olduğunu varsayıyorum. Yani, bu noktaya eklenecek bir şey yok. Diğer eklentileri yükleyelim. Metformlar yükleyerek başlayacağım. WordPress Yönetici Panel Gösterge Tablonuzu girin ve Eklentilere Devam Et> Yeni Ekleyin. Ardından Metform’u arayın ve yükleyin. Kurulum, sunucunuza göre biraz zaman gerektirebilir. Kurulumdan sonra eklentiyi etkinleştirmeyi unutmayın.
Metform yükleme anlıyor musunuz? Bravo! Şimdi, aynı işlemi izleyerek Elementor eklentisini yükleyin.
Metform Al
Metform Pro al
2. Adım: Yeni bir sayfa oluşturun Yönetici kontrol paneline tekrar devam edin. Şimdi sayfaları açın> İletişim formunuz için yeni bir sayfa oluşturmak için yeni ekleyin. Şimdi, yeni oluşturduğunuz sayfaya bir ad ekleyin. Örneğin, bir iletişim formu oluşturacağım. Bu yüzden ona “Bize Ulaşın” adını verdim. Ayrıca web sayfanız için web sayfanız için en iyi hedefi temsil eden uygun bir ad eklemeniz gerekir. Ancak, formumuzu oluşturmak için varsayılan WordPress Editor Alias Gutenberg’i kullanmayacağız. Bu güzel temayı oluşturmak için Elementor’u kullanacağız. Bu yüzden sayfayı Elementor ile açmamız gerekiyor. Sayfalarımızı Elementor ile düzenlemek için “Elementor ile Düzenle” düğmesini tıklayın ve bitirin. Bu arada, elementin yüklenmesi belki birkaç saniye sürer. Sabır! Bu arada yeni bir sayfa ekleyin, mevcut sayfaya form ekleyebilirsiniz. Örneğin, yeni bir sayfaya bir form ekledim. Size bu makalenin ilerleyen saatlerinde içeriğe form ekleme sürecini göstereceğim.
Adım #3: Metform Giriş Sol tarafta bulunan Elementor panelinden Metform Widget’ı bulun. Ardından bu Elementor formunun widget üreticisini web sayfanızda sürükleyin ve çıkarın. Metform’a girme
Adım #4: Formu Düzenleme Şimdi, daha fazla düzenleme için “Düzenleme Formu” düğmesini tıklayın. Metform Addon Elementor’u ilk kez kullanırsanız, “Yeni” düğmesini tıklamanız gerekir. Bu, hazır form kitaplığımızı açacaktır. Kütüphanemizde 30’dan fazla önceden belirlenmiş formumuz var. Şimdi, istediğiniz formu tıklayın ve bu sayfanın altında bulunan “Düzenleme Formu” düğmesini tıklayın. Ardından, seçtiğiniz form ayarlar sayfasında açılacaktır. Bu arada düzenleme, isterseniz başlangıçtan itibaren yeni bir form oluşturabilirsiniz. Başından beri kendi formunuzu tasarlamak için boş bir belge seçin.
Adım #5: Seçilen form giriş alanını ekle veya silme Form Ayarları sayfasında görülecektir. Giriş alanlarından birini formunuzdan ekleyebilir veya silebilirsiniz. Ancak Metform, kullanıcıların formunuza sınırsız giriş alanları eklemelerine olanak tanır. Addon Elementor Metform, formunuza eklenecek 40+ farklı giriş alanı içerir.
Giriş Metform sütununun eklenmesi veya silinmesi, birçok ücretsiz ve premium metin girişi alanı sunar. Bu giriş alanlarının bazılarına bir göz atalım. Ücretsiz giriş alanı- Metin
Has-metin-inglig-sol” verileri -align = “sol”> e-posta
=” Sol “> zaman
multi- Seçenekler
“data-e-e-e-e-e-e-icra “Has-Text-Edign-Eleign” data-data = “sol”> Sıralama
onay kutusu
<td class = "has-text-thd-left" data-nign = "sol" dosyaları yükle
/tr> Ücretsiz giriş sütununa ek olarak,
Ayrıca birkaç premium giriş sütunu sunuyoruz. Bu-
basit tekrarlama
sütun renk seçmen girişi
Metforms Pro’yu kullanarak tüm giriş alanlarını girebilirsiniz. Ben, gerekli giriş alanını girmeyi bitirmiş olabilirsiniz. Yani, alanı ayarlama zamanı. Giriş düzlemini ayarlarken, giriş düzleminin hemen hemen her öğesini ayarlayabilirsiniz. Örnek olarak –
Etiket metniEtiket konumu Konteynerin metni
Yardım Metni Gerekli alanları oluşturun
Uyarı mesajları vb.
Aşağıdakiler bu eyleme genel bir bakış verilmiştir.
Giriş düzlemini ayarlayın
Adım 7: Formu tamamladıktan sonra stil ve tipografi ekleyin, şimdi giriş alanı stilinizi ve tipografinizi değiştirmenin zamanı geldi. Stil sekmesinden aşağıdaki şeyleri değiştirebilirsiniz-
kapsayıcılar
Sol "> Renk ve Tipografi
Metin Yardımı
Renk, Tipografi ve Dolgu Giriş düzlemine kuvvet eklemek. Bu örnekte, 'ad' alanını ayarladım. Forma eklediğiniz diğer giriş alanlarını da ayarlayabilirsiniz. Düğmeye bastıktan sonra özel formunuz web sayfanıza otomatik olarak yerleştirilir.
Bingo formunu doldurun! Bu Elementor Form Addon'u kullanarak mükemmel görünen bir form ekleme işlemini tamamladınız.
Metform kullanarak bir web formunu sıfırdan nasıl yaparım? Metform Ready -kullanım formunu kullanarak bina formlarını öğrendik. Ancak, sıfırdan bir form oluşturmak istiyorsanız, Metform'u kullanarak da yapabilirsiniz. Süreci kolaylaştırmak için sizin için bir video eğitimi yaptık. Başından beri bir form oluşturma sürecini bulmak için aşağıdaki videoyu kontrol edin. Umarım bu videoyu takip ederek formunuzu oluşturmayı başarırsınız. Süreç hakkında sorularınız veya karışıklığınız varsa, bize söyleyin.
Addon Elementor Metform tarafından tasarlanan formları nasıl kullanırım? Metform'u kullanmanın bir diğer ana avantajı, formu gereken herhangi bir zamanda yeniden kullanabilmenizdir. Bir form tasarladığınızda. Bu otomatik olarak kısa bir kod oluşturur. İstediğiniz web sayfasında kısa kodu toplayın ve yayınlayın. Bu, formu otomatik olarak o yere gönderecektir. Önceki formunuzu bulmak için Metform> formuna gidin ve belirli bir alanda tasarladığınız tüm formları bulacaksınız.
Metform Formlarının Listesi Kısa Kodu Kopyalayın ve Etki Alanınız Diğer Sayfalara Yapıştırın. Bu işlem tereyağı kadar pürüzsüz. Ancak, hala süreçle ilgili sorun yaşıyorsanız, lütfen aşağıdaki prosedürü kontrol edin.
Formu yeniden kullanın görülüyor mu?Metform ile yapılan formları yeniden kullanmak için neredeyse hiçbir şey yapmanıza gerek yok.Kısa kodu kopyalayın ve bir form istediğiniz yere yapıştırın.Bu arada, bu formu aynı tarayıcıdaki başka bir web sitesine de kopyalayabilirsiniz.Ancak, bu eylemi tamamlamak için ElementsKit Elementor'u kullanmalısınız.Bu alanlar arası macun kopya modülü, birçok web sitesi olan insanlar için gerçekten bir hayat kurtarıcıdır. Yüksek dönüşümle formlar oluşturan son kelime çok yorucu bir görevdir ve çok zaman geçirir.Addon Elementor Metform sayesinde, form yapmak çok daha kolay ve oldukça kolay hale geliyor.Bu öğreticiyi yararlı bulursanız, halkınızla paylaşın.Metform kullanırken sorunlarla karşılaşırsanız, bize ulaşın.En kısa zamanda sizinle iletişime geçeceğiz.
