WordPress'te Formunuzu Tek Bir Satırda Nasıl Gösterirsiniz (Kolay Yol)


Formunuzu tek satırda görüntülemek ister misiniz?

Tek satırlı formlar, form yerleşimi ile size daha fazla esneklik sağlar. Bu, sitenizin yoğun trafik alanlarına kolayca formlar ekleyebileceğiniz ve dönüşümlerinizi iyileştirebileceğiniz anlamına gelir.

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

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

WordPress'te Neden Tek Satır Formu Görüntülemelisiniz?

Tek satırlı formlar, formlarınızı nereye yerleştireceğinizi seçerken size daha fazla esneklik sağlar. Bu form stili tek satır olduğundan fazla yer kaplamaz ve mevcut içeriğinizle kolayca entegre edilebilir.

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. Tek satırlı formlar, web sitenizdeki açılış sayfalarında, iletişim sayfalarında ve 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ı bir forma dönüştürebilirsiniz. Örneğin, sayfada yer kazanmak için iletişim formunuzu tek satırda görüntülemek mantıklı olabilir.

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

WordPress'te Tek Satır Formunuzu Oluşturma

Bu eğitimde, tek satırlık bir form oluşturmak için WPForms eklentisini kullanacağız. 5 milyondan fazla web sitesi tarafından kullanılan WordPress için en iyi müşteri adayı oluşturma eklentisidir.

WPForms

Siteniz için herhangi bir formu hızlı bir şekilde 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.

Eklentinin çok daha fazla özelliğe sahip premium bir sürümü var, ancak basit bir form oluşturmanıza ve müşteri adayı oluşturmak için bunu Constant Contact'a bağlamanıza izin verdiği için bu eğitim için lite sürümünü kullanacağız.

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç ​​kılavuzumuza bakın.

Bundan sonra, WordPress yönetici panelinizde WPForms »Yeni Ekle'ye gidin ve formunuza bir ad verin. Ardından, form şablonunuzu seçmeniz gerekir.

'Opt-In Form' şablonunu seçeceğiz. Şablonun üzerine gelin ve 'Şablonu Kullan' düğmesini tıklayın.

Select form template

Bu, sürükle ve bırak form oluşturucusunu getirir.

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 sütunda değişiklik 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 bitirdikten sonra formunuzu tek bir satırda görüntüleyebilirsiniz.

Bunu yapmak için Ayarlar » Genel'e gidin ve ardından 'Gelişmiş' açılır sekmesine tıklayın.

Go to form advanced settings

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

Bu, o CSS sınıfını forma uygulayacaktır. WPForms, 'inline-fields' sınıfı için stil içerdiğinden, otomatik olarak tüm formunuzun tek bir satırda güzel bir şekilde görüntülenmesini sağlar.

Add inline CSS class

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

'Alanlar' gezinme seçeneğine tıklayın, ardından 'Gelişmiş' menü seçeneğini seçin ve açmak için 'Etiketi Gizle' düğmesine 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 form alanının ne için olduğunu söyler.

Add form placeholder text

Formunuzu özelleştirmeyi tamamladığınızda, değişikliklerinizi kaydetmek için 'Kaydet' düğmesini tıkladığınızdan emin olun.

Potansiyel müşteri oluşturmak için formunuzu kullanıyorsanız formunuzu e-posta pazarlama sağlayıcınıza bağlayabilirsiniz. Daha fazla ayrıntı için, bir e-posta bülteninin doğru şekilde nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Tek Satır Formunuzu WordPress Web Sitenize Ekleme

Şimdi sıra tek satırlık formunuzu web sitenize eklemeye geldi. Herhangi bir sayfaya, gönderiye veya widget alanına ekleyebilirsiniz.

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

Tek satırlı formun görüntülenmesini istediğiniz sayfayı açın, 'Artı' blok ekle simgesini tıklayın ve 'WPForms' için arama yapın.

Add WPForms block

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

Bu, daha önce oluşturduğunuz tek satırlı formu seçmek için bir açılır kutu açar.

Select single line form from drop down

Formunuzu seçtikten sonra, eklenti, formunuzun bir önizlemesini içerik düzenleyiciye yükler. Ardından, yeni formunuzu yayınlamak için 'Güncelle' veya 'Yayınla' düğmesini tıklayın.

Artık yeni formunuzu çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Single line form example

Bu makalenin, formunuzu WordPress'te tek bir satırda nasıl görüntüleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca ücretsiz bir e-posta alan adının nasıl edinileceğiyle ilgili kılavuzumuzu ve ücretsiz seçeneklerle en iyi sanal iş telefonu numarası uygulamalarını içeren uzman seçimlerimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bağlantılarımızdan bazılarına tıklarsanız bir komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bizi nasıl destekleyebileceğinizi görün.

Editör Kadrosu Hakkında

WPBeginner'daki Editoryal Personel, Syed Balkhi tarafından yönetilen bir WordPress uzman ekibidir. Dünya çapında 1,3 milyondan fazla okuyucu tarafından güvenilmektedir.

Artık kendi web sitenizi oluşturabilirsiniz. Bugün başlayın… WooCommerce ve WordPress için çok çeşitli eklentiler, uzantılar ve temalar ile EYEWP.COM'dan edinebilirsiniz.

web sitesi oluştur

Geç kalma. EYEWP.COM'u şimdi ziyaret edin!!

WooCommerce Abonelikleri

Müşterilerin ürünlerinize veya hizmetlerinize abone olmasına ve haftalık, aylık veya yıllık olarak ödeme yapmasına izin verin.

Şimdi sahip ol

WooCommerce Rezervasyonları

Müşterilerin sitenizden ayrılmadan randevu almasına, rezervasyon yapmasına veya ekipman kiralamasına izin verin.

Şimdi sahip ol

WooCommerce Google Analytics Pro

WooCommerce sitenize gelişmiş etkinlik takibi ve gelişmiş e-ticaret takibi ekleyin.

Şimdi sahip ol

WooCommerce Abonelik İndirmeleri

Mağazanızda listelenen indirilebilir ürünler aracılığıyla abonelerinize ek indirmeler sunun.

Şimdi sahip ol

WooCommerce Abonelikleri için Geliştirici

Mevcut Kullanıcılar için Fiyat Güncellemesi, İptal Gecikmesi, Otomatik Yenileme Hatırlatıcısı gibi WooCommerce Abonelikleri için ek özellikler.

Şimdi sahip ol

WooCommerce Abonelikleri için Tüm Ürünler

WooCommerce Abonelikleri için bu güçlü eklenti ile mevcut ürünlerinizi abonelikle sunun.

Şimdi sahip ol

WooCommerce Üyelikleri

İçeriğe/ürünlere erişim denetimi ve üye indirimleri ile üyelik derneğinizi, çevrimiçi derginizi, e-öğrenme sitelerinizi ve daha fazlasını güçlendirin.

Şimdi sahip ol

WooCommerce Zapier

WooCommerce mağazanızı bugün 4000'den fazla bulut uygulaması ve hizmetiyle entegre edin. 11.000'den fazla kullanıcı tarafından güvenildi.

Şimdi sahip ol

WooCommerce Ürün Eklentileri

Ürünleriniz için hediye paketleri, özel mesajlar veya diğer özel seçenekler gibi eklentiler sunun.

Şimdi sahip ol

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir