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

WordPress’te Formunuzu Tek Satırda Gösterme (Kolay Yol)

Hem çekici hem de kullanımı kolay formlar oluşturmak, iyi bir kullanıcı deneyimi için çok önemlidir.

Bir formu tek bir satırda görüntülemek özellikle üstbilgiler, altbilgiler veya kenar çubukları gibi kompakt alanlar için etkili olabilir ve sitenizin temiz ve profesyonel görünmesini sağlar.

Bu, sitenizin yüksek trafikli alanlarına kolayca form ekleyebileceğiniz ve dönüşümleri artırabileceğiniz anlamına gelir.

Yıllar boyunca, müşteri adayı yakalama sürecimize ince ayar yapmak için farklı iletişim formu yerleşimleri denedik. Bu uygulamalı deneyim bize basit, tek satırlık alanların daha yüksek tamamlanma oranlarına yol açabileceğini öğretti.

Bu yazıda, WordPress’te formunuzu tek bir satırda nasıl kolayca görüntüleyebileceğinizi adım adım göstereceğiz.

How to display your form in a single line in WordPress (easy way)

WordPress’te Neden Tek Satırlı Formlar Görüntüleniyor?

Tek satırlı formlar, formlarınızı nereye yerleştireceğinizi seçerken size daha fazla esneklik sağlar. Bu tarz formlar sadece tek bir satırdan oluştuğu için fazla yer kaplamaz ve WordPress blogundaki mevcut içeriğinizle kolayca entegre edilebilir.

Örneğin, e-posta bülteni kayıt formları genellikle blog yazısı içeriğinin üstünde veya altında tek bir satırda görüntülenir. Bu tür formlar açılış sayfalarında, iletişim sayfalarında ve web sitenizdeki diğer önemli sayfalarda da iyi çalışır.

Daha fazla abone ve potansiyel müşteri oluşturmanın ötesinde, her türlü formu tek satırlık bir forma dönüştürebilirsiniz.

Örneğin, WordPress web sitesinde yerden tasarruf etmek ve formunuzu mobil cihazlara daha duyarlı hale getirmek için iletişim formunuzu tek bir satırda görüntülemek mantıklı olabilir.

Bununla birlikte, WordPress sitenizde tek satırlık bir formu nasıl görüntüleyeceğinizi gösterelim.

WordPress’te Tek Satırlı Form Nasıl Oluşturulur

Bu eğitimde, tek satırlık bir form oluşturmak için WPForms eklentisini kullanacağız çünkü bu eklenti 6 milyondan fazla web sitesi tarafından kullanılan WordPress için en iyi potansiyel müşteri oluşturma eklentilerinden biridir.

Herhangi bir WordPress formunu hızla oluşturmak için sürükle ve bırak oluşturucuyu kullanabilirsiniz. Ayrıca, e-posta listenizi kolayca büyütebilmeniz için popüler e-posta pazarlama araçlarıyla entegre olur.

Daha fazla bilgi için WPForms incelememizin tamamına bakın.

WPForms

Not: WPForms’un yükseltebileceğiniz premium bir sürümü de vardır. Ancak, bu eğitim için WPForms Lite ‘ı kullanacağız çünkü basit bir iletişim formu oluşturmanıza ve potansiyel müşteri oluşturmak için Constant Contact’a bağlamanıza izin veriyor.

Öncelikle WPForms eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki başlangıç kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress yönetici kenar çubuğunuzdaki WPForms ” Yeni Ekle sayfasını ziyaret edin ve formunuza bir ad verin. Ardından, form şablonunuzu seçmelisiniz.

‘Opt-In Formu’ şablonunu seçeceğiz. Şablonun üzerine gelin ve ‘Şablonu Kullan’ düğmesine tıklayın.

Select form template

Bu, WPForms sürükle ve bırak form oluşturucuyu ekranda başlatacaktır.

Seçtiğimiz şablonun otomatik olarak ad ve e-posta alanlarını ve bir gönder düğmesini içerdiğini göreceksiniz.

WPForms drag and drop form builder

Her alan, üzerlerine tıklanarak ve sol taraftaki sütunda değişiklikler yapılarak düzenlenebilir.

Ayrıca sıralarını değiştirmek için alanları sürükleyip bırakabilirsiniz.

WPForms form editor panel

Alanları özelleştirmeyi tamamladıktan sonra, formunuzu tek bir satırda görüntüleyebilirsiniz.

Bunu yapmak için form oluşturucudaki Ayarlar ” Genel sekmesine geçin ve ardından ‘Gelişmiş’ açılır menüsüne tıklayın.

Go to form advanced settings

Ardından, ‘Form CSS Class’ kutusuna ‘inline-fields’ yazın (tırnak işaretleri olmadan).

Bu, söz konusu CSS sınıfını forma uygulayacaktır. WPForms ‘inline-fields’ sınıfı için stil içerdiğinden, tüm form düzeninizi otomatik olarak değiştirecek ve tek bir satırda güzel bir şekilde görüntüleyecektir.

Add inline CSS class

Bundan sonra, alan etiketlerini gizleyerek formunuzu daha da küçültebilirsiniz.

Bunu yapmak için, sol sütunda ayarlarını açmak üzere formdaki bir alana tıklamanız yeterlidir.

Bunu yaptıktan sonra, ‘Gelişmiş’ menü seçeneğini seçin ve açmak için ‘Etiketi Gizle’ geçişine tıklayın.

Hide form labels toggle

Ardından, tüm form alanı etiketleri için aynı şeyi yapmanız gerekir.

Bundan sonra, aynı ‘Gelişmiş’ bölümünde, ‘Yer Tutucu’ kutusuna metin girebilirsiniz.

Bu, kullanıcılarınıza her bir form alanının ne için olduğunu söyler.

Add form placeholder text

Formunuzu özelleştirmeyi tamamladıktan sonra, ayarlarınızı kaydetmek için ‘Kaydet’ düğmesine tıkladığınızdan emin olun.

Formunuzu potansiyel müşteri oluşturmak için kullanıyorsanız, formunuzu e-posta pazarlama sağlayıcınıza bağlayabilirsiniz. Daha fazla ayrıntı için, doğru şekilde e-posta bülteni oluşturma hakkındaki kılavuzumuza bakın.

Tek Satırlık Formunuzu WordPress Web Sitenize Ekleme

Şimdi sıra tek satırlık formunuzu WordPress sitenize eklemeye geldi. Herhangi bir sayfaya, yazıya veya widget alanına ekleyebilirsiniz.

Biz mevcut bir sayfaya ekleyeceğiz, ancak WordPress blogunuzun başka bir alanına ekliyorsanız süreç benzer olacaktır.

Tek satırlık formu istediğiniz sayfayı açın ve blok menüsünü açmak için ‘Blok Ekle’ (+) düğmesine tıklayın.

Add WPForms block

Ardından, sitenize eklemek için ‘WPForms’ bloğuna tıklayın.

Ardından, bloktaki açılır menüden daha önce oluşturduğunuz tek satırlı formu seçin.

Select single line form from drop down

Formunuzu seçtikten sonra eklenti, içerik düzenleyicinin içinde formunuzun bir önizlemesini yükleyecektir. Ardından, yeni formunuzu canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Şimdi, yeni formunuzu çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Single line form example

Bonus: Pop-up ve Banner Oluşturmak için OptinMonster’ı Kullanın

Tek satırlık formlar oluşturmanın yanı sıra, e-posta potansiyel müşterilerini yakalamak için web sitenizde kayan iletişim formları, katılım açılır pencereleri ve banner’lar da oluşturabilirsiniz.

Bunu yapmak için piyasadaki en iyi WordPress dönüşüm optimizasyon aracı olan OptinMonster‘ı kullanabilirsiniz.

OptinMonster, kullanıcınızın ilgisine göre kişiselleştirilmiş ve alakalı bilgiler görüntüleyen güzel optin formları oluşturmanıza olanak tanır ve potansiyel müşterileri yakalamayı çok kolaylaştırır.

Ayrıntılı talimatlar için WordPress’te bir iletişim formu açılır penceresinin nasıl oluşturulacağına ilişkin eğitimimize göz atmak isteyebilirsiniz.

Fill contact form popup

Bunun dışında, web siteniz için kullanıcılardan kaydolmalarını ve bülteninizin bir parçası olmalarını isteyen çekici bannerlar da oluşturabilirsiniz.

Bu şekilde, web sitesinde fazla yer kaplamadan veya kullanıcıları rahatsız etmeden kullanıcı ayrıntılarını yakalayabilirsiniz.

Ayrıntılar için lütfen OptinMonster ile e-posta listesi oluşturma hakkındaki başlangıç kılavuzumuza bakın.

Newsletter banner with OptinMonster

Umarız bu makale WordPress’te formunuzu tek bir satırda nasıl görüntüleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, daha etkileşimli formların nasıl oluşturulacağına ilişkin kılavuzumuzu veya en iyi Typeform alternatifleri 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

2 yorumBir Cevap Bırakın

  1. Arkady

    Very helpful article!
    Is it possible to move submit button to the left end of line?
    Thank you in advance!

    • WPBeginner Support

      For that, you would place the button on the top instead of the bottom of the form :)

      Yönetici

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.