Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

İletişim Formu Sayfası Tasarımı için 12 En İyi Uygulama (Örneklerle)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

İletişim formu sayfa tasarımınızı geliştirmek mi istiyorsunuz?

İyi bir iletişim formu sayfası tasarımı, daha fazla kullanıcıyı sizinle iletişime geçmeye teşvik eder ve böylece dönüşümlerinizi artırır.

Bu makalede, size iyi iletişim formu sayfası tasarımlarının en iyi uygulamalarını ve onları bu kadar kullanışlı kılan şeyleri göstereceğiz.

Best practices of contact form page design

İyi Bir İletişim Formu Sayfası Neden Bu Kadar Önemlidir?

Bir iletişim formu sayfası tüm web siteleri için olmazsa olmazdır. İster kişisel bir blog ister bir işletme web sitesi yönetiyor olun, bir iletişim formu sayfası, kullanıcıların web sitenizi ziyaret ederken istedikleri zaman size ulaşmalarına yardımcı olur.

Sosyal medyanın aksine, bir iletişim formu kullanıcıların sizinle özel olarak iletişim kurmasını sağlar, bu da güven oluşturur ve satışları kapatır.

Birçok web sitesi sahibi genellikle iletişim sayfalarına pek dikkat etmez. Çoğu kişi sadece bir iletişim formu ekler ve sonra bunu unutur.

Web sitenizdeki iletişim sayfasından yeterince potansiyel müşteri elde edemiyorsanız, okumaya devam edin çünkü size iletişim sayfanızı dönüşümler için nasıl optimize edeceğinizi göstereceğiz.

WordPress’te İletişim Formu Sayfası Nasıl Oluşturulur?

WordPress yerleşik bir iletişim formu sayfası ile birlikte gelmez. Bir form oluşturmak ve ardından bunu iletişim sayfanıza eklemek için bir iletişim formu eklentisine ihtiyacınız olacaktır.

WPForms kullanmanızı öneririz. Ekibimiz bunu WordPress için en acemi dostu iletişim formu eklentisi olacak şekilde oluşturdu. WPForms’un ücretsiz sürümü resmi WordPress.org eklenti dizininde mevcuttur.

Adım adım talimatların tamamı için WordPress’te iletişim formu oluşturma kılavuzumuza bakın.

Artık bir iletişim formu oluşturduğunuza göre, dönüşümlerinizi artırmanıza yardımcı olabilecek iletişim formu sayfası tasarımlarının en iyi uygulamalarına bir göz atalım.

1. İletişim Formunuzun Çalıştığından Emin Olun

Genellikle WordPress barındırma sağlayıcıları, iletişim formu eklentinizin e-posta bildirimleri göndermesini engelleyen kötü yapılandırılmış posta işlevlerine sahiptir.

WPForms‘un profesyonel sürümünü kullanıyorsanız, form girişlerini WordPress yönetici alanı içinde görmeye devam edebilirsiniz. Ancak, ücretsiz bir iletişim formu eklentisi kullanıyorsanız, formunuzun çalışmadığını fark etmeyeceksiniz bile.

WordPress sitenize bir iletişim formu ekledikten sonra, bir test gönderimi göndererek düzgün çalıştığından emin olmanız önemlidir.

E-posta bildirimleri almıyorsanız, WordPress‘in e-posta göndermeme sorununu nasıl çözeceğinize ilişkin kılavuzumuzdaki talimatları izleyin.

Make sure email notifications are working

2. İletişim Formunda Gereksiz Alanlardan Kaçının

İletişim formunuza istediğiniz kadar alan ekleyebilirsiniz. Ancak, iletişim formunuza eklediğiniz her ek alan, kullanıcılarınızın bunları doldurmasını daha zaman alıcı hale getirir.

Bu nedenle iletişim formu alanlarınızı minimum düzeyde tutmanızı ve yalnızca kullanıcının sorusunu daha iyi anlamanıza gerçekten yardımcı olacak alanlar eklemenizi öneririz.

Daha uzun bir form oluşturmanız gerekiyorsa, bu makalenin sonuna doğru yer alan ve formun terk edilmesini azaltmanıza yardımcı olacak bonus ipucuna göz atmanız gerekir.

Keep it short and simple

(Kaynak: Neil Patel)

3. Kullanıcıların Neden Sizinle İletişime Geçmesi Gerektiğini Açıklayın

İletişim formu sayfanız kullanıcıları davet etmeli ve onları karşılamalıdır. Bir selamlama ve ardından bir hoş geldiniz mesajı sayfanın daha kibar ve yardımsever görünmesini sağlayabilir. Kullanıcılara ne tür sorularda yardımcı olabileceğinizi bildirin.

Contact form welcome message

(Kaynak: Michael Hyatt)

Farklı departmanlar için farklı sayfalarınız varsa, kullanıcıları doğru yöne yönlendirin. Örneğin, mevcut müşterileri desteğe veya konuk blog yazarlarını bizim için yazın formuna yönlendirebilirsiniz.

Point users in the right direction
(Kaynak: OptinMonster)

4. Alternatif İletişim Yolları Sağlayın

İletişim sayfanıza bir form eklemek, kullanıcıların size mesaj göndermesi için en uygun yoldur. Bununla birlikte, iletişim kurmak için alternatif yollar eklemek, kullanıcıların kendileri için en uygun olana karar vermelerine yardımcı olabilir.

Alternatif iletişim yolları olarak bir e-posta adresi, WhatsApp veya telefon numarası ekleyebilirsiniz.

Add alternate ways to contact
(Kaynak: ZURB)

5. Sosyal Medya Profilleri Ekleyin

Çoğu kullanıcı sizinle özel olarak iletişime geçmek isterken, bazıları Facebook veya Twitter üzerinden iletişime geçmeyi tercih edebilir.

Kullanıcıların sizinle iletişime geçmesi için alternatif bir yol olarak iletişim formu sayfanıza sosyal medya düğmeleri ekleyebilirsiniz.

Add links to your social media profiles

(Kaynak: Retro Portföy)

6. Adres ve Harita Ekleme

Harita üzerinde bir adres ve konum eklemek, kullanıcıların çevrimiçi bir işletmeye olan güvenini artırmaya yardımcı olur.

Fiziksel bir mağazanız veya ofisiniz olmasa bile, kullanıcılar nerede olduğunuzu bilmenin rahatlığını yaşarlar.

Add map and location on your contact form page

(Kaynak: LEDbow)

Farklı şehirlerde veya ülkelerde birden fazla konumunuz varsa, hepsini eklemek iletişim formu sayfanızı çok daha kullanışlı hale getirir.

Add locations
(Kaynak: The Chase)

7. SSS ve Kaynak Bağlantılarının Eklenmesi

Bir süre sonra birçok kullanıcınızın benzer sorular sorduğunu fark edeceksiniz. Bir SSS bölümü ekleyerek onlara biraz zaman kazandırabilir ve bu soruları doğrudan iletişim sayfanızda yanıtlayabilirsiniz.

Add FAQs to your contact page
(Kaynak: Akıllı Pasif Gelir)

8. Form Onay Sayfanızı Optimize Edin

Form gönderildikten sonra, çoğu iletişim formu eklentisi kullanıcılara bir onay mesajı göstermenize veya onları farklı bir sayfaya yönlendirmenize olanak tanır.

Kullanıcıları yeniden yönlendirmek, onlara en popüler içeriğiniz veya bir indirim kodu sunmak gibi en yararlı kaynaklarınızı gösterme şansı verir.

Optimize your form confirmation page
(Kaynak: Orbit Media)

9. Kullanıcılardan E-posta Listenize Katılmalarını İsteyin

Kullanıcılarınızın formu doldururken e-posta adreslerini eklemeleri gerekecektir. E-posta listenize katılmalarını istemek için bir onay kutusu da ekleyebilirsiniz.

Halihazırda bir e-posta listesi oluşturmuyorsanız, bir e-posta listesi oluşturmanın neden bu kadar önemli olduğuna ilişkin kılavuzumuza göz atın.

Email signup
(Kaynak: WPBeginner)

10. Ekibinizin Fotoğraflarını Ekleyin

İletişim sayfasına ekip üyelerinizin ve personelinizin fotoğraflarını eklemek sayfayı daha samimi ve sıcak hale getirir. Ziyaretçilerinize, iletişim formu sayfanızın arkasında sorularını yanıtlayacak gerçek insanlar olduğu konusunda güven verir.

Introduce your team members on contact form page
(Kaynak: Bukwild)

11. İletişim Formu Sayfanızı İlgi Çekici Hale Getirin

İletişim formu sayfanızın sade olması gerekmez. Şirketinizin kültürünü ve değerlerini yansıtmak için ofisinizin, mağazanızın veya destek ekibinizin fotoğraflarını ekleyebilirsiniz.

Add photos to make your contact page more engaging
(Kaynak: Dijital Telepati)

12. İletişim Sayfası Tasarımınızda Yaratıcı Olun

Farklı web sitelerindeki pek çok iletişim sayfasının basit ve tahmin edilebilir bir düzen izlediğini fark etmiş olabilirsiniz. Amaca hizmet etse de, bunu öne çıkmak için bir fırsat olarak kullanabilirsiniz.

Birçok premium WordPress teması formlar için yerleşik stillerle birlikte gelir. Özel CSS ekleyerek veya CSS Hero gibi bir eklenti kullanarak bu stilleri özelleştirebilirsiniz.

İletişim formu sayfa düzeninizi oluşturmak için bir sürükle ve bırak sayfa oluşturucu eklentisi kullanmanızı öneririz. Bu size herhangi bir kod yazmadan daha yaratıcı olma esnekliği sağlayacaktır.

Contact page templates in Beaver Builder

(Kaynak: Beaver Builder)

Bonus: Form Terkini Azaltın

Çok sayfalı bir form veya çok fazla alana sahip bir form oluşturduğunuzda, dönüşüm oranınızı düşürme riskiyle karşı karşıya kalırsınız. Kullanıcılar genellikle form yorgunluğuna kapılır ve formun tamamını doldurmadan formu terk eder.

Form yorgunluğuyla mücadele etmek için Wufoo ve WPForms gibi birçok gelişmiş form oluşturucu, form terk eklentileriyle birlikte gelir. Bu, formlarınızdan kısmi girişleri yakalamanıza yardımcı olur.

Basitçe söylemek gerekirse, trafiğinizi artırmadan daha fazla potansiyel müşteri elde etmenize yardımcı olur.

WordPress İletişim Formları ve Sayfaları Hakkında Uzman Kılavuzları

Artık bir iletişim sayfası oluşturmak için en iyi uygulamaları bildiğinize göre, WordPress’teki iletişim formları ve sayfalarıyla ilgili diğer bazı kılavuzları görmek isteyebilirsiniz.

Bu makalenin harika iletişim formu sayfası tasarımlarının en iyi uygulamalarını öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca sıralamanızı iyileştirmek için adım adım WordPress SEO kılavuzumuzu veya en iyi WordPress anket eklentileri uzman seçimimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

8 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. magnaa says

    Excellent article – some great tips about contact form pages that I’ll be implementing! I think sounding more human is key. Gives everything a more authentic and enjoyable experience.

  3. natalie says

    Thanks for the article, I would like to do your point number 9, see my attachment; Can you explain how to add that tick box please.

    thanks
    natalie

  4. Graham says

    Great article guys, and I appreciate the example you have shared as well. Having created plenty of contact pages over the past 10 years, some fresh inspiration and good ideas are always welcomed!

  5. Sven Kox says

    Nice article, thanks. I added a few new ones to my knowledge.
    One more tip: keep the field for the message big enough.
    It is not inviting if you have to write your message in a tiny window.

  6. Keely Worth says

    Excellent article – some great tips about contact form pages that I’ll be implementing! I think sounding more human is key. Gives everything a more authentic and enjoyable experience.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.