WordPress İletişim Formu Şablonundan Size Eşsiz Bir Şekilde

Mükemmel WordPress iletişim formu şablonuna mı ihtiyacınız var? İkinci en iyiye razı olmayın.

Bir şablondan bir form oluşturdunuz mu? Bir iletişim formu şablonunun sizi dakikalar içinde çalıştırıp iletişim mesajlarınızı almaya hazır hale getirdiğini biliyor muydunuz? Formunuzu oluşturun ve iki kolay adımda bir WordPress iletişim sayfasına ekleyin.

Çevrimiçi iletişim formunuz, yeni müşteri sorguları için birincil kaynağınız mı? Eğer öyleyse, mükemmel olması gerekir. Daha az bir şey işinizi olumsuz etkileyebilir. Jessica, bir formdaki küçük bir kusur nedeniyle yılda milyonlarca dolar kaybeden tanınmış bir şirket hakkında yazdı. Basit bir iletişim formu her zaman bu kadar basit değildir!

Kazanmak için esnek iletişim formu şablonu

Önceden paketlenmiş iletişim formu şablonları genellikle birkaç yapışkan noktaya sahiptir. Bir web tasarımcısı olarak, "herkese uyan tek beden" yaklaşımının işe yaramadığını çoğu kişiden daha iyi biliyorum. Bu nedenle, herhangi bir iletişim formu şablonu, esnek ve benzersiz gereksinimlerinize göre %100 özelleştirilebilir OLMALIDIR.

Formidable birkaç form şablonuyla birlikte gelir ve Bize Ulaşın form şablonu muhtemelen en basitidir. Ancak bugün size basit bir iletişim formu şablonunu nasıl alacağınızı ve onu hem görünüm hem de işlevsellik açısından bireysel gereksinimlerinize uyacak şekilde nasıl değiştireceğinizi göstereceğim.

İletişim formunuzu bir şablondan başlatın

İlk olarak, WordPress panosunun Müthiş bölümüne gidin ve Yeni form Ekle düğmesini tıklayın.

Burada, bir şablon yükleme seçeneğini bulacaksınız. Bize Ulaşın form şablonunu seçin ve kişiselleştirmeye başlayın.

** Uzman İpucu ** Formunuz satış odaklıysa veya ilk temas noktanızsa, mümkün olduğunca basit tutun. Araştırmalar, form ne kadar uzun olursa, o kadar az kullanıcının dolduracağını gösteriyor. Yalnızca acil talep için ihtiyacınız olan bilgileri isteyin. Genellikle yalnızca bir ada, mesaj alanına ve iletişim numarasına veya e-posta adresine ihtiyacınız vardır.

Mevcut müşterilere yönelik formlar (teknik destek formları gibi) veya ek bilgi vermenin algılanan bir değeri olduğu (teklif hesaplayıcılar gibi) formlar, yanıt oranlarını fazla etkilemeden daha uzun olabilir.

Bu örnek için, potansiyel bir müşteriyle ilk teması hedefleyen en basit iletişim formlarını oluşturacağım . Bu form ad, e-posta adresi, iletişim numarası (isteğe bağlı) ve mesaj için bir alan içerir.

İlk olarak, iletişim formu şablonunda yer alan "Konu" alanı ve "Web Sitesi" alanının üzerine gelin. Sağda görünen üç noktayı tıklayın ve bu alanların her ikisini de silmek için Sil'i tıklayın.

Ad ve soyadı için teknik olarak ayrı alanlar gerekli değildir, bu nedenle bazı durumlarda ikisi birleştirilebilir.

Ardından, bir telefon numarası için bir alan ekleyin. Birçok kişi iletişim numaralarını hemen vermekten hoşlanmadığı için bu zorunlu bir alan olmayacaktır. Ancak sorgu bir geri arama talep etmekse, bir telefon araması yanıtının bir e-posta yanıtına kıyasla anında satış yapma olasılığı çok daha yüksektir.

Son olarak, sitemde zaten başka bir spam koruması olduğundan ve formumu olabildiğince kullanıcı dostu tutmak istediğim için reCaptcha alanını kaldıracağım.

*** Güncelleme *** Görünmez reCaptcha artık Formidable formları tarafından tamamen destekleniyor!

Üç sütunlu bir düzen ile iletişim formunu özelleştirin

Artık form alanlarının tamamı ayarlandığına göre, düzeni düşünmenin zamanı geldi. Web tasarımı geçmişim sayesinde, bir sayfadaki rastgele boşluklardan nefret etmeyi öğrendim, bu nedenle kompakt, göze hoş gelen ve diğer sayfa öğelerime mükemmel şekilde uyan bir düzen istiyorum.

Bu basitlik nedeniyle modern web sitelerinde giderek daha fazla gördüğünüz "beni geri ara" formlarını seviyorum. Üçe bölünmüş tek bir satır, ad – numara – gönder düğmesi. Süper şık ve harika görünüyor. Ancak bu şıklığı büyük bir paragraf metin alanıyla elde etmek çok daha zordur. Birçok modern geniş ekran temasında, bu öğe tam sayfa genişliğine sahipseniz çok büyük görünür. Minimalist bir düzen elde etmek için bölümleri kullanmayı seviyorum.

Formunuza iki bölüm alanı ekleyin ve bunları tek bir satıra sürükleyin ve bölüm başlıklarını kaldırın. Bölüm alanlarının bulunduğu satırın üzerine gelin ve hemen üzerinde görünen üç dikdörtgene tıklayın. Özel Düzen'e tıklayın ve ilkini 8, ikincisini 4 alacak şekilde ayarlayın. Bu, 2/3 ve 1/3'lük bir bölüm oluşturur.

Ardından, Ad ve Soyadı alanlarını ilk bölüme, hemen altındaki İletişim Numarası ve E-posta alanlarına sürükleyin. Ardından ikinci bölüme Mesaj alanını ekleyin. Ardından, Mesaj alanını varsayılan 5 yerine 4 satır yüksekliğinde olacak şekilde ayarlayın. Artık her şey eşit şekilde sıralanıyor.

Son adım gönder düğmesidir. Bunu %100 genişliğe ayarlamak, hoş, kompakt ve tek sayfalık bir tasarıma sığması kolay simetrik, minimalist bir his verir.

İletişim formu işlemlerinizden en iyi şekilde yararlanın

İletişim formunuzun minimalist görünmesi, form eylemlerinin de basit olması gerektiği anlamına gelmez! Formunuzun etkisini en üst düzeye çıkarmak ve iletişim formu şablonunu kişiselleştirme sürecini en üst düzeye çıkarmak için atabileceğiniz üç ana adım vardır.

1. Form yönlendirmenizi ayarlayın . Kullanıcıları, en son ürünlerinizden veya özel tekliflerinizden oluşan bir seçkiyle birlikte bir teşekkür mesajı görüntüleyen bir sayfaya getirin. Bu sayfaya sınırlı süreli bir kupon kodu da ekleyerek satışlarınızı hızlandırın.
2. Otomatik, kişiselleştirilmiş bir teşekkür e-postası gönderin . Sıkıcı bir "Mesajınız için teşekkürler – size geri döneceğiz" yanıtı yerine, teşekkür etmek için bir form eylemi kullanın. Konu satırını ve metni kişiselleştirmek için ad alanını kullanın. Mesajınıza özel tekliflerin, faydalı bilgilerin ve katma değerli promosyonların ayrıntılarını ekleyin.
3. MailChimp eklentisini kullanarak kullanıcıyı MailChimp listenize ekleyin . Nitelikli bir e-posta listesi, sahip olabileceğiniz en değerli pazarlama kaynaklarından biridir, bu nedenle listenizi oluşturma fırsatını kaçırmayın!

Paylaşılacak daha fazla form şablonu

Formidable ekibi bir sürü başka özel form şablonu oluşturdu. Bu listeye eklenecek ek çevrimiçi form şablonları önerilerinizi duymak isteriz.

Henüz Formidable Forms kullanmıyor musunuz? En gelişmiş çevrimiçi form oluşturucu özelliklerine nasıl sahip olduğumuz hakkında daha fazla bilgi edinin veya devam edin ve başlayın!