WordPress Formlarına Resim Seçenekleri Ekleme (Katılımı Artırma)

750 425 KreatifAjans

Son zamanlarda bir okuyucu, WordPress formlarına nasıl resim seçenekleri ekleyeceğimizi sordu. Belki bu senin de merak ettiğin bir şeydir.

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

Bu makalede, katılımı 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örsel Seçimleri Nelerdir ve Formlarınızda Neden Kullanılır?

Görüntü seçenekleri, kullanıcılarınızın formunuzu doldururken aralarından seçim yapabilecekleri fotoğraflar, çizimler, grafikler veya simgelerdir.

Normal metin seçenekleri yerine resim seçeneklerini kullanan bir form. İlk seçenek olan Ç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.

Resimleri 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 veren bir restoran işletiyorsanız, web sitenizde bir sipariş formu bulundurmak 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ı olmayan biri için formunuzu doldurmasını kolaylaştırabilir.

Video öğretici

Kreatif Ajans’a abone olun

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

WordPress Formlarınıza Görüntü 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şturucuyu kullanarak formları kolayca oluşturmanıza olanak tanır.

Öncelikle, WPForms eklentisini kurmanız ve etkinleştirmeniz gerekir. Bunu nasıl yapacağınızdan emin değilseniz, bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuzda adım adım talimatlar alabilirsiniz.

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.

Formunuzu WPForms ile 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 arayüzünü başlatır. Herhangi bir form alanını tıklayarak düzenleyebilir, yukarı ve 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çebilmesi için çoktan seçmeli bir alan 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, Çoktan Seçmeli alanını ekranınızın sol tarafındaki Standart Alanlar bölümünden sürükleyip bırakmanız yeterlidir. Bunu ‘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örürsünüz.

Editing the multiple choice field for your form

Burada, ‘Görüntü 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 ‘Resmi Yükle’ düğmesini tıklayabilirsiniz. Bilgisayarınızdan bir resim yükleyebilir veya WordPress medya kitaplığından bir resim seçebilirsiniz.

Uploading images for the different choices on your form

250 piksele 250 pikselden fazla olmayan .jpg veya .png resimlerini kullanmanızı öneririz. Hepsi aynı boyuttaysa, resimleriniz formunuzda en iyi şekilde görünecektir.

Önemli: WPForms, resimlerinizi yeniden boyutlandırmaz. Yüklemeden önce bunların istediğiniz boyutta olduğundan emin olmanız gerekir. Alternatif olarak, resminizi formunuza eklemeden önce WordPress’in kendisinde düzenleyebilirsiniz.

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

Adding more multiple choice options to your form

Resim Seçimlerinizin Formunuzda Nasıl Göründüğünü Değiştirme

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

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

Görüntü seçimlerinizi belirli bir sıra yerine rasgele görüntülemek istiyorsanız, ‘Seçimleri Rastgele Hale Getir’ kutusunu işaretleyebilirsiniz. Bu, bir anket oluşturuyorsanız ve sonuçlarda ilk tercih önyargısını ortadan kaldırmak istiyorsanız kullanışlıdır.

‘Görüntü Seçimi Stili’ altında, resimlerinizi nasıl şekillendirmek istediğinizi seçebilirsiniz. Varsayılan stil Modern’dir ve Çilek seçeneği seçiliyken şuna benzer:

The image choices with the default Modern style applied

Bunun yerine, Çilek seçeneği seçildiğinde aşağıdaki gibi 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 “Hiçbiri” ni 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üzenlenme şeklini de değiştirebilirsiniz. Varsayılan, seçimlerinizin yeni bir satıra sarılıncaya kadar yan yana göründüğü ‘Satır İçi’dir.

Bunun yerine seçimlerinizi birkaç sütunda görüntülemeyi seçebilirsiniz. Dikey bir liste istiyorsanız, açılır menüden “Bir Sütun” u seçin. Görüntü seçimleriniz şu şekilde görünecektir:

Image choices in a single vertical column

Resim seçimleriniz için burada ‘Etiketi Gizle’ seçeneği de vardır. Bu, resimlerin altında herhangi bir metin olmayacağı anlamına gelir. Bazı durumlarda bunu yapmak mantıklı olabilir. Örneğin, insanlardan en çok sevdikleri yeni logo tasarımına oy vermelerini istiyor olabilirsiniz.

Yine de mümkünse alakalı ve yararlı bir etiket girdiğinizden emin olun. Bu, görselleriniz 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

Formunuza 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ı olacak ve farklı bir etikete sahip olacak şekilde değiştirmek isteyebilirsiniz. Alana 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 alanın üzerine getirin ve ardından kırmızı çöp kutusu simgesini 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 Eklemek

Formunuzu sitenizdeki herhangi bir gönderiye veya sayfaya sadece birkaç tıklamayla ekleyebilirsiniz. Bizim için yeni bir sayfa oluşturacağız.

Sayfalar »Yeni Ekle’ye gidin, ardından sayfanıza bir blok eklemek için (+) düğmesine 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, ‘Bir Form Seçin’ açılır menüsünü tıklayın ve seçmek için formunuzun adını tıklayın. Meyve kutusu sipariş formumuzu burada 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 kontrol panelinizdeki WPForms »Tüm Formlar altında bulabilirsiniz. Değişikliklerinizi kaydettiğinizde, formunuz sayfanızda da otomatik olarak güncellenecektir.

Umarız bu eğitim, WordPress formlarına nasıl resim seçenekleri ekleyeceğinizi öğrenmenize yardımcı olur. WordPress’te bir anketin nasıl oluşturulacağına ilişkin kılavuzumuzu ve en iyi WordPress sayfa oluşturucu eklentileri hakkındaki 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.

Cevap bırakın