WordPress’te çok adımlı bir form nasıl oluşturulur
Birkaç gün önce, birisi bana WordPress’te çok adımlı bir form yapmayı sordu. Bir partideydim, bir şekilde bir konuşmada, sorun ortaya çıktı. Bunu açıklama havasında değildim ama WordPress ile çalıştığım için ikna edici hissettim ve bir şekilde onu anlamam gerekiyordu. O zaman, bu sorun benim düşüncem ve başkalarının WordPress’te çok adımlı formlar yapmasına yardımcı olabilecek öğretici tabanlı bir yazı yazmayı düşünüyorum. Bu yüzden bunu mümkün kılmaya çalıştım.
Neden çok aşamalı bir form tasarlar? Form, bilgi toplamanın ve kitlenizle ilişki kurmanın en kolay yollarından biridir. Bu basit bir gündelik form, belki bir iş formu veya anketlerle ilgili her türlü form olabilir.
1 NT BG YENİ
Mevcut Form WP Pro bugün formu sorunsuz bir şekilde deneyin ve kendiniz kanıtlayın!
Şimdi İndirin
Bununla birlikte, uzun form bazen kullanıcılar için iğrençtir ve sonunda kötü bir UX olarak kabul edilebilir. Bu sorunu ortadan kaldırmak için, neredeyse tüm büyük şirketler çeşitli bölümlere ve sayfalara ayrılmış çok adımlı formlar kullanır.
Sayfanın üst kısmındaki ilerleme, kullanıcılara formları doldurmada daha fazla konfor ve kontrol sunar ve en önemlisi kullanıcılarınızdan farklı etkileşim duygusu sağlar. Buna ek olarak, bu, kullanıcılarla olan katılımınızı hızlı bir şekilde artırır.
WP Akıcı Form ile Çok Sayfalı Bir WordPress Formu Nasıl Oluşturulur WP Smooth Form’u burada anlamanız için kullanacağım. WP Fluent Form, her türlü formu yapmak için hızla gelişen kullanıcı dostu bir WordPress formudur. Her şeyden önce, WordPress’e WP akıcı form eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. WP Fluent Forms eklentisini etkinleştirdikten ve lisans işlemini tamamladıktan sonra, web sitenizde çok adımlı bir form oluşturmak için hoş bir ortamınız olacaktır. Sanırım şu anda yaptığım gibi üç adım çok adım atacaksınız. İlk adım kullanıcının kişisel bilgileri için, kullanıcı eğitimi bilgileri için ikinci sayfa ve üçüncü sayfa kullanıcının hobisini tartışacaktır. Şimdi size WP akıcı formu kullanarak nasıl gerçekleşeceğinizi göstereceğim. WP Fluent Forms, doğuştan gelen 60+ form şablonu sunar. Bunlardan birini kendi destinasyonlarına hizmet etmek için tek bir tıklamayla kullanabilirsiniz. Tıklayarak bitirdikten sonra, her formun otomatik olarak oluşturulduğunu göreceksiniz.
Başlangıçtan itibaren formları manuel olarak da yapabilirsiniz. Başından beri bir form oluşturmak için, geçerli formu girin -> Boş bir form oluşturun, yeni bir form oluşturmak için üç varsayılan form formatına ve özel seçeneklere sahip bir iletişim kutusu görüntüleyecektir.
Daha fazla ayrıntı için, pürüzsüz bir formla nasıl yeni bir form oluşturulacağına bakın. Boş bir form oluştur’u tıklayarak bitirdikten sonra, yapılandırma seçeneğiyle görünecek bir form üreticisi bulacaksınız. Sağ kenar çubuğundan, formunuza belirli özellikler eklemek için Drag & Broundable Giriş sütunu bulacaksınız. Bir form oluşturduktan sonra, şimdi gerekli alanları formda girmelisiniz. İzin vermek, istenen alandan sürüklemek ve çıkar; Örneğin, kişisel bilgiler için forma dört farklı alan yerleştirecektir.
İhtiyaçlarınıza göre adın adını, adres alanını, e -postayı ekleyin. Her giriş alanını ayarlayabilir ve yönetici alanının, yer tutucunun, eleman etiketinin vb. Etiketini değiştirebilirsiniz. Adres alanından önce açılır giriş alanını düzenleyiciye ekledim ve cinsiyet olarak adlandırdım. Cinsiyet bölümünde, gerilme menüsü için seçeneği yapılandırmanız gerekir. Giriş alanını yalnızca sürükleyip bırakarak sıfırlayabilirsiniz. Aşağıdaki resimde görebileceğiniz gibi, cinsiyet girdi alanını sürükledim ve bıraktım. Formunuzun ilk adımını tamamlamak istediğiniz Giriş Adım Formu alanını ekleyin. Bu, sayfanın çok adımlı formunuzda kırılmasını sağlar. Bir sonraki sayfada görünmek için altına başka alanları ekleyin. Şimdi imleci Dönme Başlangıç bölümüne yerleştirin, ardından Düzenleme seçeneğini (kalem simgesi) bulacaksınız. Üzerine tıklayın, özelleştirme girişine götürüleceksiniz. Orada, İlerleme Çubuğu düğmesini tıklayarak her adım için bir başlık vermelisiniz. Her adım için başlığın adını yazın. Örneğin, Giriş Adım 1 alanına kişisel bilgileri yazın. Giriş Adım 2 vb. Alanında eğitim yazın. Şimdi önizleme bölümüne bakın. Resim, bir ilerleme bıçağı ve bir sonraki düğmenin her bir formun üst ve alt kısmında bir gösterge olarak gösterildiğini gösterir. Şimdi, formun eğitim bölümünü gösteren formun ikinci sayfasında çalışmalısınız. Bunun için, girdi için üniversiteler ve üniversiteler için basit metin alanları kullanabilirsiniz. Formda ‘başlıklar’ girişi için açılır alanını kullanmalısınız. Her giriş alanı için ekran görüntülerine bakalım. Üniversiteler ve kolejler için önce etiketi ayarlamanız gerekir. Giriş sütunu dereceleri için açılır giriş sütununu kullanmanız gerekir. Bu durumda, önce etiketinizi ayarlamanız gerekir, sonra bir açılır liste için bir seçenek sunmalısınız. Şimdi, kullanıcının hobisi ile ilgili üçüncü sayfaya gireceksiniz. Bunu gerçekleştirmek için bunun için bir yaklaşım yapmak için form adımını tekrar seçmeliyiz. Çağlatma başlatma bölümündeki Saha Adım alanını tıkladıktan sonra anında yeni bir giriş alanı yapılacaktır. ‘Form Adım’ bölümündeki Düzenle seçeneğini tıklayarak üçüncü adımın başlığının başlığını yazın. Hobi giriş sütununa yazarak başlığı yazın. Ardından formun üçüncü kısmına gidin. Her hobi için basit bir metin alanı seçebilirsiniz. Form gönder düğmesinin hemen üzerine koymalısınız. Bu şekilde, formun üçüncü bölümünde toplam ekran sağlamak için iki basit metin alanı daha alabilirsiniz. Ardından ‘öğe etiketini’ hobi bir metinle ayarlayın. Kalan iki alanı sırasıyla iki hobi ve üç hobi adıyla ayarlamanız gerekir. Ardından arayüze bakın. Sayfanın altında, toplam prosedürleri tamamlamak için alanlar ve koşullar sağlayabilirsiniz. Sonra formu gönderme sürecini görebiliriz. Şimdi, nihai önizlemeye bakın.
WP akıcı formu kullanarak çok adımlı bir form oluşturabilirsiniz.Bu, WP akıcı formla çok kullanışlı ve etkili çalışır, çünkü size özel hedeflerinize hizmet etmek için çok aşamalı bir form oluşturmak için en rahat özelliği sunar.Bu işlevden yararlanmak ve güzel, özlü ve sezgisel bir çok adımlı form oluşturmak için WP Fluent Form Pro eklentisini şimdi indirin!WordPress ile ilgili ipuçları ve püf noktaları almak için YouTube kanalımıza abone olun.Ayrıca, bizi Twitter ve Facebook’ta takip edin.