WordPress Formlarına Resim Seçenekleri Nasıl Eklenir (Etkileşimi Artırın)


Son zamanlarda, bir okuyucu bize WordPress formlarına resim seçeneklerinin nasıl ekleneceğini sordu. Belki bu sizin de merak ettiğiniz bir şeydir.

Görseller, yalnızca metin seçeneklerini görüntülemek yerine, formlarınızı anında daha ilgi çekici hale getirebilir. Bu, yanıt oranınızı artırmanıza ve dönüşümler oluşturmanıza yardımcı olabilir.

Bu makalede, etkileşimi ve dönüşümleri artırmak için WordPress formlarına nasıl resim seçenekleri ekleyeceğinizi göstereceğiz.

How to easily add image choices in a WordPress form

Görüntü Seçenekleri Nedir ve Neden Bunları Formlarınızda Kullanmalısınız?

Resim seçenekleri, kullanıcılarınızın formunuzu doldururken aralarından seçim yapabileceği fotoğraflar, çizimler, grafikler veya simgelerdir.

İşte normal metin seçenekleri yerine resim seçimlerini kullanan bir form. İlk tercih Çilek seçildi:

An example of image choices in use in a form: shows colorful images for 6 fruit options

Görüntü seçimleri birçok yönden bir avantaj olabilir. Her durumda, formunuzu daha çekici ve görsel olarak çekici hale getirmenize izin verirler.

Görselleri kullanmak, formlarınızın daha gösterişli ve profesyonel görünmesine de yardımcı olabilir. Ayrıca kullanıcıların daha hızlı karar vermesine yardımcı olabilirler.

Örneğin, teslimat hizmeti sunan bir restoran işletiyorsanız, web sitenizde bir sipariş formu olmasını isteyeceksiniz. Potansiyel müşterilerin istediklerini seçmelerine yardımcı olmak için farklı yemeklerinizin resimlerini kullanabilirsiniz.

Görsel seçimleri, okuyucularınızın, özellikle okuma güçlüğü çeken veya dilinizi akıcı konuşamayan kişiler için formunuzu doldurmasını kolaylaştırabilir.

Video öğretici

WPBeginner'a abone olun

Yazılı talimatları tercih ederseniz, okumaya devam edin.

WordPress Formlarınıza Resim Seçenekleri Ekleme

Bu eğitim için WPForms eklentisini kullanacağız. Piyasadaki en iyi WordPress form oluşturucu eklentisidir ve basit bir sürükle ve bırak form oluşturucu kullanarak kolayca formlar oluşturmanıza olanak tanır.

İlk olarak, WPForms eklentisini kurmanız ve etkinleştirmeniz gerekir. Bunu nasıl yapacağınızdan emin değilseniz, bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuzda adım adım talimatlar bulabilirsiniz.

WPForms, premium bir WordPress eklentisidir. Ayrıca, görüntü seçenekleri özelliğine de sahip olan WPForms Lite adlı ücretsiz bir sürüm sunarlar.

WPForms ile Formunuzu Oluşturma

Eklentiyi etkinleştirdikten sonra, yeni bir form oluşturmak için WordPress panonuzdaki WPForms »Form Ekle sayfasına gidin.

Creating a new form using WPForms

Önce formunuz için bir ad girin ve ardından bir şablon seçmek için tıklayın. Başlangıç ​​noktası olarak Basit İletişim Formunu kullanacağız.

Use the Simple Contact Form template

Bu, önceden yüklenmiş form alanları ile WPForms oluşturucu arabirimini başlatacaktır. Herhangi bir form alanını üzerine tıklayarak düzenleyebilir, yukarı aşağı hareket ettirebilir veya silebilirsiniz.

The default form created using WPForms' Contact Form template

Ardından, müşterilerin istedikleri meyve türünü seçebilmeleri için çoktan seçmeli bir alana ekleyeceğiz.

Not: Görüntü seçenekleri, Onay Kutuları alanıyla da çalışır. Kullanıcınızın birden fazla seçenek seçebilmesini istiyorsanız bunu kullanın.

Alanı eklemek için, ekranınızın sol tarafındaki Standart Alanlar bölümünden Çoktan Seçmeli alanını sürükleyip bırakmanız yeterlidir. 'Yorum veya Mesaj' kutusunun hemen üstüne yerleştireceğiz.

Adding a multiple choice field to your form

Gördüğünüz gibi, çoktan seçmeli alan varsayılan olarak metin seçeneklerine sahiptir. Düzenlemek için alana tıklarsanız, ekranınızın sol tarafında alan seçeneklerini göreceksiniz.

Editing the multiple choice field for your form

Burada, 'Resim seçimlerini kullan' kutusunu işaretlemeniz yeterlidir ve WPForms alanı otomatik olarak güncelleyecektir.

The 'Use image choices' option in WPForms

Alan metin etiketi için istediğinizi yazabilir ve ardından 'Görüntü Yükle' düğmesini tıklayabilirsiniz. Bilgisayarınızdan bir resim yükleyebilir veya WordPress medya kitaplığından birini seçebilirsiniz.

Uploading images for the different choices on your form

250 piksele 250 pikselden büyük olmayan .jpg veya .png resimleri kullanmanızı öneririz. Resimleriniz, hepsi aynı boyuttaysa, formunuzda en iyi şekilde görünecektir.

Önemli: WPForms, resimlerinizi yeniden boyutlandırmaz. Yüklemeden önce istediğiniz boyutta olduklarından emin olmanız gerekir. Alternatif olarak, formunuza eklemeden önce resminizi WordPress'te düzenleyebilirsiniz.

Dahil edilecek 3'ten fazla seçeneğiniz varsa, yeni bir seçim eklemek için (+) düğmesini tıklamanız yeterlidir. Bir seçimi kaldırmak için (-) düğmesini kullanabilirsiniz.

Adding more multiple choice options to your form

Görüntü Seçeneklerinizin Formunuzda Görüntülenme Şeklini Değiştirme

WPForms, 'Gelişmiş Seçenekler' sekmesinden görüntü seçimi düzenini ve diğer ayarları değiştirmeyi kolaylaştırır.

Open up the Advanced Options to fine-tune how your images display

Resim seçimlerinizi belirli bir sıra yerine rastgele göstermek istiyorsanız, 'Seçimleri Rastgele Oluştur' kutusunu işaretleyebilirsiniz. Bu, bir anket oluşturuyorsanız ve sonuçlardaki ilk tercih önyargısını ortadan kaldırmak istiyorsanız kullanışlıdır.

'Görüntü Seçimi Stili' altında, resimlerinize nasıl stil vermek istediğinizi seçebilirsiniz. Varsayılan stil Modern'dir ve Çilek seçeneği seçiliyken şöyle görünür:

The image choices with the default Modern style applied

Bunun yerine, Çilek seçeneği seçildiğinde şöyle görünen Klasik stili seçebilirsiniz:

The image choices with the Classic style applied (thicker border, no shadow, no bold text, no checkmark)

Alternatif olarak, stil için 'Yok'u seçebilirsiniz. Bu durumda, resimleriniz kenarlık veya başka bir stil içermeyen normal resimler olacaktır. Etiketler radyo düğmeleriyle gösterilecektir.

The image choices with no styling

İsterseniz, 'Seçim Düzeni' açılır menüsünü kullanarak seçimlerinizin düzenini de değiştirebilirsiniz. Varsayılan, seçenekleriniz yeni bir satıra geçene kadar yan yana görünecek şekilde 'Satır içi'dir.

Bunun yerine seçimlerinizi birkaç sütunda görüntülemeyi tercih edebilirsiniz. Dikey bir liste istiyorsanız, açılır menüden 'Tek Sütun'u seçmeniz yeterlidir. Resim seçimleriniz daha sonra şöyle görünecektir:

Image choices in a single vertical column

Burada ayrıca görsel seçimleriniz için 'Etiketi Gizle' seçeneği de bulunmaktadır. Bu, resimlerin altında herhangi bir metin olmayacağı anlamına gelir. Bazı durumlarda, bunu yapmak mantıklı olabilir. Örneğin, insanlardan en çok beğendikleri yeni logo tasarımına oy vermelerini istiyor olabilirsiniz.

Yine de mümkünse alakalı ve faydalı bir etiket girdiğinizden emin olun. Bu, resimleriniz için alternatif metin olarak görüntülenecek ve sitenizi görme engelli kullanıcılar için daha erişilebilir hale getirecektir.

Formunuza Alan Ekleme, Kaldırma veya Düzenleme

Formunuzdaki alanları ekleyebilir, kaldırabilir veya düzenleyebilirsiniz. Bir alanı düzenlemek için üzerine tıklamanız yeterlidir.

Örneğin, 'Yorum veya Mesaj' alanını isteğe bağlı olarak değiştirmek ve farklı bir etikete sahip olmak isteyebilirsiniz. Alanı tıkladıktan sonra ekranın sol tarafında düzenleyebilirsiniz.

Alanı isteğe bağlı yapmak için kullanmak istediğiniz etiketi yazmanız ve 'Gerekli' kutusunun işaretini kaldırmanız yeterlidir.

Editing the 'Comment or Message' field in WPForms

Bir alanı kaldırmak için imlecinizi üzerine getirin ve ardından kırmızı çöp kutusu simgesine tıklayın.

Deleting a field in WPForms

Formunuzdan memnun olduğunuzda, ekranın üst kısmındaki 'Kaydet' düğmesini tıklayın.

Formunuzu Web Sitenize Ekleme

Formunuzu sitenizdeki herhangi bir yazıya veya sayfaya sadece birkaç tıklama ile ekleyebilirsiniz. Kendi sayfamız için yeni bir sayfa oluşturacağız.

Sayfalar » Yeni Ekle ' ye gidin, ardından sayfanıza bir blok eklemek için (+) düğmesini tıklayın.

Widget'lar bölümünün altında WPForms bloğunu bulun veya arama çubuğunu kullanarak arayın. Ardından, sayfanıza eklemek için bloğa tıklamanız yeterlidir.

Adding the WPForms block to your page or post

Ardından, 'Form Seçin' açılır menüsüne tıklayın ve seçmek için formunuzun adına tıklayın. Burada meyve kutusu sipariş formumuzu kullanıyoruz.

Selecting the form you want from the WPForms dropdown

Artık sayfanızı yayınlamaya ve formunuzu sitenizde canlı olarak görmeye hazırsınız. Bizimki şöyle görünüyor:

The finished image choices in the form

Formunuzda değişiklik yapmak istiyorsanız, bunu panonuzdaki WPForms » Tüm Formlar altında bulabilirsiniz. Değişikliklerinizi kaydettikten sonra formunuz da otomatik olarak sayfanızda güncellenecektir.

Bu öğreticinin, WordPress formlarına nasıl resim seçenekleri ekleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, WordPress'te nasıl anket oluşturulacağına ilişkin kılavuzumuzu ve en iyi WordPress sayfa oluşturucu eklentileri karşılaştırmamızı da beğenebilirsiniz.

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.

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