Etkileşimi Artırmak için WordPress Formlarına Resim Nasıl Eklenir?

Formlarınıza resim eklemek artık çocuk oyuncağı! Bir HTML satırına dokunmadan form görüntülerini nasıl ekleyeceğinizi görün!

Doğru araçlara erişiminiz varsa, form oluşturmak nispeten basittir. Ancak, kullanıcıların bu formları doldurmasını sağlamak tamamen başka bir konudur. Bunun olması için formlarınızı daha ilgi çekici hale getirmenin yollarını bulmanız gerekecek. Katılımı ve dönüşüm oranlarını artırmanın etkili bir yolu, form görüntüleri eklemektir.

Çoğu WordPress form eklentisi, oluşturduğunuz formlara resim eklemenin kolay yollarını sunmaz. Ancak, iş için doğru eklentiyi kullanmak, bir forma fotoğraf yüklemeyi kolaylaştırır.

Bu yazıda, kullanıcı etkileşimini artırmak için neden form görselleri kullanmanız gerektiğinden bahsedeceğiz. Ardından, Formidable Forms kullanarak HTML'ye nasıl resim ekleyeceğinizi göstereceğiz. Hadi hadi bakalım!

Görüntüleri neden WordPress formlarında kullanmalısınız?

Sürükle ve bırak oluşturucuya erişiminiz varsa, kullanıcı dostu formlar oluşturmak kolaydır. Form düzenleyici, iletişim formlarınızı ve kayıt formlarınızı her yönüyle, hayal edebileceğiniz hemen hemen her tür alanla özelleştirmenizi sağlar.

Formlarla ilgili sorun, tamamen metin tabanlı olmalarıdır. Bu mutlaka kötü bir şey değildir, ancak düz metin, en ilgi çekici web sitesi öğelerini oluşturmaz. Araştırmalar, yalnızca görsel eklemenin gönderileriniz ve formlarınızla etkileşimi yüzde 37 oranında artırabileceğini gösteriyor.

Bir forma resim eklemek, onu görsel olarak daha çekici hale getirebilir. Bu, istediğiniz yere resim ekleyebileceğiniz anlamına gelir.

Metnin bloklarını ayırmak için formunuzun tamamına dikkat çekmek için bir anketin en üstüne kolayca görsel yerleştirebilir veya formlarınızı tamamlamayı daha eğlenceli hale getirmek için görselleri etkileşimli hale getirebilirsiniz. Yerden tasarruf etmek için bunları WordPress'teki bir resim karuseline eklemeyi de düşünebilirsiniz.

Ama hepsi bu değil. Kullandığınız form görüntüsü türleri büyük bir fark yaratabilir. Örneğin, şunları yapabilirsiniz:

• Markanızı geliştiren görseller ekleyin (logo gibi)
• Kullanıcılara formla nasıl etkileşimde bulunacaklarını gösteren grafikler ekleyin
• Formun Harekete Geçirici Mesajını (CTA) geliştirin veya gösterin
• Uzun formları daha yönetilebilir bölümlere ayırın
• Radyo seçim düğmelerini değiştirmek için tıklanabilir resimler ekleyin

Bir forma nasıl fotoğraf yüklersiniz?

Doğru eklentiyi kullanıyorsanız WordPress formlarına resim eklemek kolaydır. Bu eğitimde, Formidable Forms kullanarak bir form görüntüsünü nasıl ekleyeceğinizi göstereceğiz. Hadi hadi bakalım.

1. Adım: Yeni bir form oluşturun

Formidable Forms, konu yeni formlar oluşturmaya geldiğinde birçok seçenek sunar. Formları sıfırdan tasarlayabilir veya birçok form şablonundan birinden yararlanabilirsiniz:

Bu adımda, form görüntülerini en iyi nasıl birleştireceğinizi düşünmeye başlamanızı öneririz. Hangi görüntüyü kullanacağınız, oluşturmak istediğiniz formun türüne ve içerdiği alanlara bağlı olacaktır.

Oluşturmak için bir form türü seçtikten sonra onu seçin ve düzenleyici açılacaktır. Şimdi bir forma nasıl fotoğraf yükleyebileceğinizi görelim.

2. Adım: Bir forma fotoğraf yükleyin

Form düzenleyiciyi açtığınızda, seçtiğiniz seçeneğe bağlı olarak boş bir sayfa listesine veya şablona erişebilirsiniz. Solda, yeni alanlar eklemenizi ve mevcut alanları yapılandırmanızı sağlayan bir menünüz var. Sağda, formunuzun bir önizlemesi var:

Bu örnekte, bir kullanıcı bilgileri formu şablonu görebilirsiniz. Bu şablon zaten bir HTML alanı içeriyor, bu da tam olarak form görüntüleri eklemek için ihtiyacımız olan şey. Sıfırdan başlıyorsanız veya HTML alanı içermeyen bir şablon kullanıyorsanız, devam edin ve bir tane ekleyin:

HTML alanını ekledikten sonra, Alan Seçenekleri menüsünü açmak için üzerine tıklayın. Sol tarafta, medya dosyaları ekleme seçeneği içeren küçük bir düzenleyici göreceksiniz. Bir resim eklemek için Medya Ekle düğmesine tıklayın. Bu noktada, WordPress'e yeni bir resim yükleyebilir veya kitaplığınızdan birini seçebilirsiniz:

Bir resim yükledikten sonra, ekranın solundaki metin düzenleyicide göründüğünü göreceksiniz.

Sağdaki HTML alanı henüz o resmi yansıtmaz. Bunun olabilmesi için önce ekranın sağ üst köşesindeki Güncelle düğmesine tıklamanız gerekir. Formu güncelledikten sonra, HTML alanı resmi gösterecektir. Formu önizlerseniz, o resim HTML alanını yerleştirdiğiniz her yerde görünecektir:

Şimdi, bunu bir iletişim sayfası gibi bir sayfaya ekleyin ve işiniz bitti. Bize ulaşın sayfası oluşturmak için Sayfalar ve Yeni ekle'ye gidin veya önceden oluşturulmuş bir sayfayı açın.

Bunun sadece bir örnek olduğunu unutmayın. Formidable Forms, oluşturduğunuz formlar içinde istediğiniz herhangi bir görüntüyü istediğiniz yere yerleştirmenizi sağlar. Tek bir formun içine birden fazla resim bile ekleyebilirsiniz.

Veya bir görsel anketi arıyorsanız, radyo düğmeleri görsel eğitimimize göz atın:

Çözüm

Çoğu WordPress iletişim formu eklentisi, formlarınıza resim eklemenin basit bir yolunu sunmaz. Genellikle, görüntüleri manuel olarak eklemek için HTML kullanmanız gerekir. Ancak Formidable Forms, form oluşturucuyu kullanarak resim eklemenizi sağlayarak bu süreci basitleştirir.

Formidable Forms ile yeni görseller yükleyebilir veya medya kitaplığınızdan mevcut görselleri seçip formlarınıza ekleyebilirsiniz. Tek yapmanız gereken görüntünün gitmesini istediğiniz yere bir HTML alanı eklemek ve bir dosya seçmek için Medya Ekle düğmesini kullanmaktır.

WordPress formlarına nasıl resim ekleneceğine ilişkin bu adım adım kılavuzun, katılım ve dönüşümleri artırmak için formlarınızla daha fazlasını yapmanıza yardımcı olduğunu umuyoruz. Bir resim eklemek, yalnızca dikkat çeken ve insanları kaydolmaya teşvik eden şey olabilir. Ve formlarınızı daha da kolayca özelleştirmek istiyorsanız, tasarımı çok kolay hale getirmek için bir renk seçici alanı eklemeyi deneyin!

Yalnızca düz metin olmayan formlar oluşturmaya hazırsanız, bugün Formidable Forms'u kullanmaya başlayın. Formidable Forms ile düzinelerce şablona erişebilirsiniz. Ayrıca formlarınızdan herhangi birine resim ekleyebilirsiniz!

Harika form tasarımı hakkında daha fazlasını okuyun

• WordPress'te Güzel İletişim Formu Tasarımı (Örneklerle)
  Daha fazla oku

  WordPress Formlarına RGB Renk Seçici Nasıl Eklenir
  Daha fazla oku

  WordPress'te Satır İçi Form Nasıl Oluşturulur
  Daha fazla oku