5 kolay adımda WordPress’e çok adımlı bir form eklenir
Bir adımlı WordPress biçimini çoklu bir çok adımlı formuna değiştirmenin dönüşümünüzü neredeyse%60 artırabileceğini biliyor muydunuz? Aslında, bazı durumlarda, dönüşüm oranı%300’e ulaşabilir. Evet. Çünkü şu anda, insanlar çok meşgul ve kısa bir ilgi yelpazesi var. Buna ek olarak, onlardan bir adım uzunluğunda bir form doldurmalarını isterseniz, web sitenizi terk ederek eksik formlar bırakacaklardır. Ancak, bu senaryoyu WordPress siteniz için çok adımlı bir form kullanarak değiştirebilirsiniz. Ama soru nasıl?
Bu yüzden WordPress’e çok adımlı bir form ekleyeceğiniz konusunda adım adım kılavuz göstermek için buradayım. WordPress sitesinde sadece birkaç dakika içinde nasıl kolayca çok adımlı bir form oluşturabileceğinizi öğrenmek için okumaya devam edin …
Doldurma gizle
Çok adımlı bir form nedir?
Neden WordPress’te çok adımlı formu kullanıyor?
Çok basınçlı bir adım oluşturmak için ihtiyacınız olan şeyleri hazırlayın
WordPress’te çok adımlı bir form nasıl oluşturulur
Adım 1: Drag ve Metform
2. Adım: Yeni Bir Form Oluşturun
Adım 3: Metform ve Element Sayfa Maker’ı kullanarak baştan çok adımlı bir form oluşturun
Adım 4: Metform’daki Çok Adım Form seçeneğini etkinleştirin
Adım 5: Tamamlanacak onay, bildirim ve diğer ayarları yapılandırın
Paketlemek
Çok adımlı bir form nedir? Adından da anlaşılacağı gibi, bu, soru/giriş alanının her şeyi tek bir adımda girmek yerine birkaç farklı adıma bölündüğü birkaç adım içeren bir formdur. Bir tanım arıyorsanız, HubSpot’un çok aşamalı bir form tanımlaması yolu. Çok adımlı formlar birkaç bölüme ayrılmış uzun formlardır. Çok korkutucu ve korkutucu olmayan uzun formlar yapmaya alışkınlar. -Hubspot çok adımlı form temel olarak çok fazla giriş alanına sahip uzun bir formun yerine geçer. Nispeten daha küçük bir formunuz varsa, bir form kullanabilirsiniz. Artık çok adımlı bir formun ne olduğunu bildiğinize göre, WordPress sitenize çok adımlı bir form eklemeyi düşünmeniz için bazı nedenlere bakalım.
Neden WordPress’te çok adımlı formu kullanıyor? Basit cevap, dönüşüm seviyenizi fırlatmaktır. Mevcut çok adımlı form, web sitesinde kayıt formları, sipariş formları, gıda rezervasyonu formları vb. Web sitenizde çok adımlı bir form kullanmayı da düşünmeniz için bazı nedenler şunlardır:
Çok adımlı form, kullanıcının dikkatini çekmesi açısından daha iyi işlev görür. Sonuç olarak, insanlar daha sık dahil olur ve formlarını tamamlarlar.
Kullanıcılar çok aşamalı daha fazla kullanıcı dostu bulur ve uzun bir formdan daha iyi kullanım sağlar.
Çok adımlı bir formu olan bir navigasyon çubuğu/ ilerleme bıçağı olduğundan, kullanıcılar çok adımlı formu tamamlamak için daha fazla teşvik ediliyor. Çok adımlı formlar, yalnızca ihtiyacınız olan verileri toplamak için çok iyidir.
Yukarıda belirtilen tüm pozitif tarafların bir sonucu olarak, çok aşamalı form dönüşüm oranını arttırır.
Artık WordPress sitesinde çok adımlı bir form kullanmanız gerektiğini biliyorsunuz, çok parçalı formunuzu oluşturmak için ihtiyacınız olan mükemmel ayarları yapma zamanı.
WordPress ile birlikte bir WordPress Step formu oluşturmak için ihtiyacınız olan şeyleri hazırlayın, WordPress’te çok adımlı formlar yapmak için iki eklentiye daha ihtiyacınız olacak. WordPress eklentisi:
Element (Ücretsiz Sürüm)
Metform (Ücretsiz ve Pro)
Elementor en iyi WordPress sayfa yapımcısıdır ve Metform en hızlı çoklu çok basınç formlarından biridir. Metform’u yüklemek için yardıma ihtiyacınız varsa, Metform’u nasıl yükleyeceğiniz hakkındaki belgelerimizi görebilirsiniz. Kurulumu tamamladıktan sonra, Metform’u kullanmadan önce Elementor Sayfa Maker ile bir sayfa oluşturmanız gerekir. Bunun için yeni sayfa kontrol panelini açın.
Şimdi, uygun başlığı verin, şablon olarak tam genişlik elementini seçin, publis h’e tıklayın. Bundan sonra Elementor ile Düzenle’yi tıklayın.
Son olarak, çok adımlı formunuzu oluşturmaya hazırsınız. Öyleyse, ana sürece dönelim. Not: Bu öğreticide, sayfaya nasıl çok adımlı bir form ekleyeceğinizi göstereceğim. Ancak, başkent açılır penceresinde Metforms ile oluşturulan formları kolayca ekleyebilirsiniz.
Adım 2: Yeni Bir Form Oluştur Metform Düzenleme seçeneğini açmak için Form bölümüne tıklayın. Formu Düzenle düğmesine tıklayın.
Yeni pencere göründükten sonra
Yeni seçin (yeni bir form oluştur)
ve form düzenlemesine tıklayın
Bir temas formu veya yerçekimi formu değil, neden bir metform kullanmanız gerektiğinden emin değil misiniz? Metfrom’un neden WordPress için en iyi form üreticisi olduğuna dair blogumuzu kontrol edin.
Adım 3: Metform ve Element Sayfa Makerını kullanarak Başından Çok Adımlı Bir Form Oluşturun Formu düzenlemeye tıkladıktan sonra, formunuzu en başından beri oluşturmak için Elementor sayfası üreticisi ile diğer yeni pencerelere erişebilirsiniz. Çok adımlı formdan bir adım atmak için, aşağıdaki dört adımı izlemeniz gerekir: Giriş alanını sürükleme gereksinimlerine göre sürükleyip bırakın ve önceki/sonraki/sonraki/gönder düğmesini ifadeye bağlı olarak bırakın Form Bu bölüm için doğru adı verin Bu blog için, yukarıda belirtilen adımları kullanarak çok adımlı otel rezervasyon formunun 3 adımlı bir gösterisini yapacağım. Üç adım formu kişisel bilgileri, sipariş bilgilerini ve ek bilgileri içerecektir.
Birinci Adım Sipariş Formu – Kişisel Bilgiler:
Şimdi bu giriş alanının özniteliklerini düzenlemek için, düzenleme işaretini tıklayın, içeriği açın ve aşağıdaki seçenekleri düzenleyin:
Etiketi göster: Giriş alanı etiketini görüntülemek için bu seçeneği etkinleştirin.
Konum: Etiketi yukarıdaki veya sola yerleştirmeyi seçebilirsiniz.
Yer tutucu: Yer tutucu metin sağlama.
Yardım Metin: Kullanıcılar için yardım metni sağlamak istiyorsanız, bunu burada yapabilirsiniz.
Ardından, aşağıdaki seçenekleri değiştirmek için ayar içeriğini açın:
Gerekli: Bu alan alanı gerekli hale getirmek için bu seçeneği etkinleştirin.
Doğrulama Türü: Metin alanları için karakter uzunluğuna, kelime uzunluğuna ve ifadeye göre çeşitli doğrulama türlerini ayarlayabilirsiniz.
Uyarı Mesajı: Burada gereksinimler karşılanmazsa görünecek bir uyarı mesajı ayarlayabilirsiniz.
Tıpkı ad gibi, soyadı için başka metin giriş alanları ekleyin. Kişisel bilgi adımlarının bir parçası olarak, burada iki alan daha ekleyeceğim; E -posta ve cep telefonu numarası.
E -posta ayarlarını ve cep telefonu numaralarını değiştirmeyi bitirdikten sonra. Bir sonraki adım düğmesini arayın ve sürükleyin ve kaldırın. Etiketler, tesviye düğmeleri, simgeler, simge konumları vb. Gibi farklı düğmeler ayarlarını değiştirebilirsiniz.
Şimdi ilk adımın bölümü hazır, altı nokta simgesindeki ilk adımı ayar seçeneğini açmak ve çok adımlı düzene gitmek için hazır.
Kütüphane veya SVG yüklemesinden bir simge seçin.
Rezervasyon Formu İkinci Adım – Sipariş Bilgileri:
İkinci adım için yeni bir bölüm seçmelisiniz. Bir sütunlu yeni bir parça seçeceğim ve sonra aynı iki sütunla yeni bir içe ekleyeceğim.
Sütunlar seçtikten sonra, check-in ve check-out seçenekleri için giriş alanı 2 tarihleri.
Takip edilecek kurallar: Yeni bir adım başlatmak için yeni bir bölüm seçmelisiniz, eğer değilse, eklediğiniz giriş alanı önceki adıma eklenecektir. Bu nedenle, her zaman unutmayın, yeni adımlar aynı düzene sahip olmasına rağmen yeni bir parça gerektirir.
Geçerli tarihi asgari tarih olarak ayarlayın: Geçerli tarihi asgari tarih olarak ayarlamak için bu seçeneği etkinleştirin.
Minimum tarihi manuel olarak ayarlayın: Geçerli tarihi asgari tarih olarak ayarlamak istemiyorsanız, minimum tarihi manuel olarak ayarlayabilirsiniz.
Maksimum tarihi manuel olarak ayarlayın: Burada maksimum tarihi ayarlayabilirsiniz.
Giriş Aralığı Tarihi: Bu seçeneği etkinleştirerek, tarih aralığını seçmek için kullanıcıya seçeneği etkinleştirebilirsiniz. Ancak bu form için, bu seçeneğin kapatılmasına izin vereceğim. Giriş yılı: Tarih girdisinin bir parçası olarak bir yıl sürecek bu seçeneği etkinleştirin.
Ay Giriş: Ayı Tarih Girişinin bir parçası olarak etkinleştirmek için bu seçeneği etkinleştirin.
Giriş Tarihi: Tarihi (Günü) tarihin bir parçası olarak almak için bu seçeneği etkinleştirin
Biçim Tarihi: Giriş biçimi tarihini buradan ayarlayın.
Yerelleştirme: Tercihlerinize göre açılır listenin konumunu seçin.
Onunla zaman girmek istiyorum: Girdi olarak verilerle birlikte zaman ayırmak için bu seçeneği etkinleştirin. Bu seçeneği etkinleştirirseniz, 24 saat etkinleştiren başka bir seçenek elde edersiniz. Bu seçeneği kullanarak 24 saatlik formatını etkinleştirebilirsiniz.
Şimdi, son olarak, kontrol alanı için koşullu form özelliğini kullanacağız. Çek -out sütunu yalnızca kontrol sütunu boş olduğunda görünür hale getirmek için,
Giriş check-in adının adının değerini kopyalayın.
Ardından içerik koşulunu girin, etkinleştirme seçeneğini açın
Açılır kriter koşulları koşullarını seçin ve seçin.
Çekme ve kaybolma seçeneklerinden bu alanı göstermeyi seçin.
Giriş alanına öğeler ekle tıklayın, kopyaladığınız check-in alanının adının adını yapıştırın.
Şimdi görmek için birincil düğmeye tıklayın. Check-out alanı yalnızca check-in tarihini seçtikten sonra görülmelidir.
Koşullu seçenek ilk başta kontrolü gizlerken formun kötü görünmemesi için yeni bir içe ekleyin. Oda sayısı ve insan sayısı için iki alan daha yapmak için tarla numarasını iki kez sürükleyin ve bırakın. Ve bu orta bir adım olduğu için, bir önceki ve sonraki düğmeler eklememiz gerekir. Bu bölüm için eklenen tüm alanlar için ayarları düzenlemeyi bitirdikten sonra, ilk bölümle yaptığınız gibi çok adımlı düzeninin adlarını/adımlarını değiştirin . Onun sipariş bilgilerini adlandırdım.
Metform formunun koşullu formu hakkında daha fazla bilgi edinmek için buraya tıklayın.
Şimdi ikinci adım hazır, Üçüncü Sipariş Formunun üçüncü adımına geçelim – Üçüncü adım için ek bilgi, bir sütunlu yeni bir bölüm ekleyelim. Ve metin alanları ekleyin ve ek bilgileri adlandırın. Ardından, o bölümdeki iki sütunun içine ekleyin. Bundan sonra, formu göndermek için önceki düğmeyi ve ardından Gönder düğmesini sürükleyin ve çıkarın.
Not: İçini istediğiniz kadar ekleyebilirsiniz. Ancak yeni adımlar atmak için yeni bir bölüm eklemelisiniz. Üçüncü bölüme bir isim vermek için, çoklu tablo düzeni açın ve “Ek Bilgi” başlığını ekleyin ve simgeyi ekleyin. Sonunda, 3 adım ile çok adımlı formumuzu inşa ettik. Şimdi çok adımlı ayarlara geçmek için pencereyi kaydetmek ve kapatmak için güncellemeyi tıklayın.
Adım 4: Metform’daki Çok Adım Form seçeneğini etkinleştirin Şimdi bir formumuz var, işleyen çok aşamalı bir form haline getirme zamanı. Yapmak için
Adım 5: Tamamlanacak onay, bildirim ve diğer ayarları yapılandırın şimdi multilanggah formunuzu tasarladınız. Metform tarafından sunulan tüm form ayarlarını yapılandıralım. WordPress Gösterge Tablosu’nun Metform ayarlarını değiştirmek için Metform Formunu Açın Yeni oluşturduğunuz Form Düzenleme Düzenleyicisi’ni tıklayın.
Not: Burada, formunuzu web sitesinde herhangi bir yere eklemek için kopyalayıp yapıştırdığınız formdan kısa bir kod bulacaksınız. Form ayarlarına Form düzenleme seçeneğinden de erişebilirsiniz. Burada aşağıdaki ayarları bulacaksınız: Genel: Genel ayarların bir parçası olarak, başlık, başarı mesajı, giriş gerekli, görünümü hesaplayabilir, vb. Değiştirebilirsiniz. Bir form gönderdikten sonra kullanıcıyı kullanmak istediğiniz özel URL’yi de ayarlayabilirsiniz.
Bildirim Ayarları: Yöneticiye Metform ile bir e -posta bildirim formu da gönderebilirsiniz. Bildirim postasını yönetici seçeneğine etkinleştirin. Ardından e -posta, e -posta, e -posta, yönetici notları vb. Konusunu ayarlayın. Tüm düzenlemeleri yaptıktan sonra aşağı kaydırın ve ayarları güncellemek için değişiklikleri kaydet’i tıklayın.
Bu blogda tartıştığım ayarların yanı sıra, REST API, Mail Chimp, Google Sayfası vb. Gibi entegrasyon elde edersiniz. Ayrıca, PayPal, Stripe gibi ödeme ağ geçitlerinin entegrasyonu. Hubspot, Zoho, vb. Ayrıca giriş ve kayıt gibi bir kimlik doğrulama seçeneği de alırsınız. Bu ayar hakkında daha fazla bilgi için Metform belgelerimize bakın. Belirtilen adımları doğru şekilde izlediyseniz, aşağıdaki gibi çok aşamalı bir sipariş formu alacaksınız:
Bir iş formu yapmak da bitmiş bir iş başvurusu formu şablonu kullanmak çok kolaydır. Blogun tamamını görmek için buraya tıklayın.
Oraya sarın, WordPress Mult -Sheer formunuzu birkaç dakika içinde oluşturdunuz. Bu formun basit olduğunu düşünüyorsanız endişelenmeyin. Bu blogun temel amacı, Metform kullanarak WordPress’te nasıl çok adımlı formlar oluşturabileceğinizi göstermektir. Artık bir multippress formpress formunu nasıl oluşturacağınızı bildikten sonra, özel formunuzu ve mantığınızı oluşturabilirsiniz. Umarım olağanüstü çok aşamalı bir form oluşturmak için Metform özelliğini kullanırsınız. Yol boyunca sorunlarla karşılaşırsanız, bizimle paylaşın, ekibimiz mümkün olan en kısa sürede cevap verecektir. Metform tarafından sunulan tüm olağanüstü özellikleri kontrol etmeyi unutmayın.
