Formidable Pro: Eksiksiz Bir Kılavuz

Formidable Pro, aralarından seçim yapabileceğiniz birçok özellik ve plan içeren profesyonel düzeyde bir form oluşturma aracıdır. Formlar oluşturun ve yönetin, koşullar ekleyin, birden çok stil oluşturun ve bunları seçin, bir form içinde birden çok mizanpaj oluşturun, hesaplamalar yapın ve çok daha fazlasını yapın.

Bu kılavuzda Kişisel Lisansı kullanıyorum. Özelliklerine bir göz atacağım ve birkaç örnek oluşturacağım. Örnekler için resimler Unsplash.com'dan alınmıştır.

Kurulum

Eklentiyi, panodaki Eklentiler, Yeni Ekle altında yükleyin ve etkinleştirin. Etkinleştirildiğinde, lisans anahtarınızı yapıştırmanız gerekir. Tüm özelliklere, Formlar adlı panoya eklenen yeni menüden erişilebilir.

Panoda Formlar'a gidin ve Genel Ayarlar'ı seçin. Anahtarınızı üstteki alana yapıştırın ve Lisansı Kaydet'i seçin.

Yeni ekle

Formlar'ı ve ardından Yeni Ekle'yi seçin. Bu, formunuzu oluşturmak için ihtiyaç duyacağınız tüm alanlarla birlikte form oluşturucuyu açacaktır.

Yeni Form Oluştur

En üstte Oluşturma, Ayarlar, Girişler, Görünümler, Yeniden Göndermeler ve Geçiş Formu içeren bir menü var. Ekranın ortasında tuvaliniz var. Başlamak için buraya alanlar ekleyebilir veya dört şablondan birini seçebilirsiniz. Sağda alanlar, düzenler ve varsayılan değerleri içeren seçenekler listesi bulunur. Tuvalinize eklemek için alanları tıklayın ve formunuzu oluşturmaya başlayın. Düzenler, alanlara eklediğiniz CSS sınıflarıdır.

Şablonlar şunları içerir:

• Bizimle iletişime geçin
• İş başvurusu
• Emlak İlanları
• Kullanıcı bilgisi

Bu Emlak şablonudur. Alanları istediğiniz sırayla sürükleyip bırakarak değiştirin.

Alan seçeneklerini açmak için alanın kendisini seçin. Değerleri değiştirin, CSS sınıfları ekleyin, etiket konumlarını seçin, alan boyutunu ve biçimlendirmeyi tanımlayın, koşullu mantığı ayarlayın, hesaplamaları ve doğrulamaları gerçekleştirin, vb.

Form Ekle

İşiniz bittiğinde Oluştur'u tıklayın. Form oluşturulduktan sonra, görüntülemek için içeriğinize kısa kodunu yapıştırabilir veya Görsel Düzenleyici'deki Form düğmesinden seçebilirsiniz.

Görsel Düzenleyici'de Formlar düğmesini tıklattığınızda, istediğiniz formu seçebileceğiniz ve seçenekleri belirleyebileceğiniz bir pencere açılır. Tüm seçenekler, içeriğinize ekleyebileceğiniz kısa kodu oluşturur.

Bu pencereden birkaç şey ekleyebilirsiniz:

• Biçim
• görüş
• grafik
• Arama
• Tek giriş
• Giriş Listesi

Normal bir sayfada Emlak formuna bir göz atın. Oldukça ayrıntılı ve Formidable Pro'nun neler yapabileceğinin harika bir örneği.

Ayarlar

Form Ayarları, Genel, Form Eylemleri ve HTML'yi Özelleştir seçeneklerini içerir. Gönderim ayarlarını, AJAX'ı, izinleri, stili, mesajları, e-posta bildirimlerini ayarlayın ve form sınıfları ekleyin ve HTML'yi her alan için bağımsız olarak özelleştirin.

Formlar

Tüm formlarınız, kontrol panelindeki Formlar menüsündeki Formlar altında listelenir. Burada bir formu düzenleyebilir, ayarları değiştirebilir, çoğaltabilir, silebilir, önizleyebilir, sıralayabilir, girdileri görüntüleyebilirsiniz, vb. Görüntülemek istediğiniz formu seçin ve kısa kodunu kopyalayın.

Girdileri

Girişler, her form için ayrı ayrı form gönderimlerinin listesini verir. Bunları CSV dosyaları olarak görüntüleyebilir, düzenleyebilir, çoğaltabilir, silebilir ve indirebilirsiniz. Girişteki bilgiler de e-postanıza gönderilir.

Görüntüleme

Görünüm, formlarınız aracılığıyla gönderilen verileri görüntülemenize olanak tanır. Bir Görünüm oluşturursunuz ve ardından bunları sayfalarda görüntülersiniz. Her ikisi de (her girişi tek bir sayfaya bağlayan) bir form veya tek tek girişler için tüm girişleri görüntüleyebilir veya bir takvimdeki girişleri görebilirsiniz.

İçeriği hem Listeleme hem de Ayrıntı sayfalarındaki listelerden önce yerleştirme seçeneğiniz vardır. Gelişmiş Ayarlar, mesajları sıralamanıza ve filtrelemenize olanak tanır. Alanlar, koşullar ve gelişmiş alanlar ekleyerek Görünümleri özelleştirin.

Görünümlerin çalışması için bazı ekstra kodlar gerekir. Belgeler, yönergelere göre yapıştırabileceğiniz ve değiştirebileceğiniz örnek kod sağlar. Yapması basittir ancak bazı ekstra adımlar gerektirir.

Görünümü oluşturduktan sonra, Görsel Düzenleyici'deki Formlar düğmesini tıkladığınızda Görünüm sekmesinin altındaki pencerede görünecektir. İçeriğinize kısa kodu eklemek için görünümü seçin. Kısa kodu, gösterge tablosu menüsündeki Görünümler listesinden de kopyalayabilirsiniz.

Bu örnekte Görünüm bir tabloda görüntülenir. Gönderilen tüm bilgileri içerir.

Raporlar

Raporlar, alanların her biri için istatistiklerin grafiklerini gösterir. Günlük girişlerin, aylık girişlerin vb. sayısını gösterirler. Gözat'a tıklamak sizi, onları listede görebileceğiniz Girişler sayfasına götürür.

Stiller

Stiller sekmesi, stil oluşturma işlemini basitleştiren araçlar içerir.

Stilleri Düzenle

Burada kod kullanmak zorunda kalmadan bir stil çoğaltabilir veya oluşturabilirsiniz. Soldaki alanlar size yazı tiplerini, kutuları, alanları, düğmeleri, tarihleri, mesajları vb. biçimlendirmek için araçlar sağlar. Stil vermek istediğinizi seçin, stile bir ad verin, seçimlerinizi yapın ve stili kaydedin. Daha sonra bu stili varsayılan olarak seçebilir veya tek tek formlar için seçebilirsiniz.

Form Stillerini Yönet

Form Stilini Yönet'te, stillerinizi içeren bir açılır kutuyla birlikte formlarınızın bir listesi verilir. Her form için istediğiniz stili seçin. Bir seçim yapmazsanız varsayılan stili kullanacaklar.

Stilleri değiştirmek hızlıdır. Basitçe yeni bir stil oluşturun ve seçin. Halihazırda birkaç tane yaptıysanız, formları açık veya koyu arka planda görmek için bunlar arasında geçiş yapabilirsiniz. Bir stili çoğaltın ve ardından orijinali yeniden kullanmak üzere tutarken ihtiyaçlarınıza göre ince ayar yapabilirsiniz.

Özel CSS

Özel CSS kutusunu kullanarak kendi CSS'nizi ekleyin.

İthalat ihracat

XML ve CSV dosyalarını içe ve dışa aktarır. İçe Aktarmak için dosyayı seçin ve Dosya Yükle ve İçe Aktar'ı tıklayın. Formun yüklenmesi bittiğinde, formlar listesinde görünecektir.

Dışa aktarmak için, oluşturmak istediğiniz dosya türünü seçin, verileri (formlar, girişler, görünümler ve stiller) seçin, açılır kutudan dışa aktarmak istediğiniz formları seçin ve Seçimi Dışa Aktar'a tıklayın.

Genel Ayarlar

Bu ayarlar, tüm formlar için bir kez ayarlama yapmanızı sağlar. Aşağıdakiler için genel ayarları yapın:

• Stiller ve Komut Dosyaları – HTML5 kullanmak, tüm sayfalara jQuery CSS eklemek ve akordeon javascript eklemek için form stilini hangi sayfaların yükleyeceğini seçin.
• İzinleri Kullan – kimin formları ve şablonları görüntüleme, düzenleme yapma, girdileri ve raporları görüntüleme vb. iznine sahip olduğunu seçin.
• reCAPTCHA – anahtarlarınızı, dilinizi ayarlayın ve yeniden kullanıp kullanmamayı seçin.
• Varsayılan Mesajlar – başarısız girişler, başarılı gönderiler, oturum açma vb. için mesajlar oluşturun.
• Çeşitli – tarih/saat için biçimlendirmeyi ayarlayın, yönetici menüsü etiketini ayarlayın ve bir önizleme sayfası seçin.

Özel Form Oluşturma

Örneğimde bir seyahat acentesi için özel bir form oluşturuyorum. Bu formda, partinizdeki sayıya ve kullanıcının açılır kutudan seçtiği gün sayısına göre maliyeti hesaplamak için bir alan oluşturdum.

Hesaplama, kullanıcının seçtiği değerler hesaplanarak yapılır. Girilen kişi sayısını (örneğimde 131 numaralı alan) 150$ ile çarptım. Bu, her bir kişi için bir günlük ücrettir (sadece örnek olarak seçtiğim bir sayı). Alternatif olarak, hedef seçimine göre farklı bir değer atamak için gelişmiş bir hesaplama oluşturabilirim. Bunu yapmak için gerekli bilgiler belgelerde verilmiştir.

Daha sonra, kişi başına günlük maliyeti, kullanıcıların Gün Sayısı açılır kutusundan seçtiği gün sayısıyla çarptım (örneğimde 138 numaralı alan). Hatta uçak yolculuğu türü, otel türü, gidilecek etkinlikler, yemekler vb. gibi diğer seçenekleri de ekleyerek hesaplamalara devam edebilirim. Bu kolayca karmaşık bir biçime dönüşebilir.

Yerleşik Şekillendirme

İşte stil ekledikten sonraki form. Metin ve kenarlıklara kırmızı renk ekledim. Adı ve şehri, eyaleti ve posta kodunu tek satırda tutmak için birden çok sütun düzeni kullanır. Alttaki alanlar, birden çok sütun kullansalar daha iyi görünürdü. Hadi düzeltelim. Hazır oradayken onu Divi düzenine ekleyeceğim.

Formidable Pro'yu Divi ile Kullanma

Bölüm için arka plan görüntüsü içeren bir Divi metin modülü içindeki forma bir bakış. Bu örnekte, fiyat alanı için piksel sayısını 100 piksel ile sınırlandırdım ve yerleşim sınıfını Şehir, Eyalet ve Posta Kodu alanlarında 1/3 ve Partinizdeki Hedef ve Numara için 1/2 olarak ayarladım, ve Başlangıç ​​Tarihi ve Gün Sayısı alanları. Bu, daha iyi bir hizalama oluşturur ve formun dikey alanını azaltır.

Bu örnekte başlık, birkaç resim ve düğme için bir metin kutusu içeren bir düzen oluşturdum. Formu açık zemine sığdırmak için yeni bir stil oluşturdum ve bu form için onu seçtim.

Görsel Oluşturucu

Kısa kodu içeren modül, Visual Builder'dan ayarlanabilir. Forma tıklarsanız, sadece kısa kodu görüntüler, ancak yalnızca modül kontrollerine tıklarsanız, ayarlamaların formu gerçek zamanlı olarak nasıl etkilediğini görebilirsiniz. Bu örnekte bir arka plan rengi seçtim, kenarlık ekledim ve dolgu ekledim.

Eklentiler

Kayıtlar, e-posta, ödeme ağ geçitleri, önyükleme, dil, captcha'lar, izleme, otomasyonlar vb. içeren 20 eklenti vardır. Bunları tek tek satın alabilirsiniz ve fiyatlar, kullanmak istediğiniz site sayısına göre değişir. Abonelikler farklı sayıda eklenti içerir.

Güncellemeler

Güncellemeler, elbette ömür boyu güncellemeleri içeren Lifetime dışındaki tüm paketler için bir yıl boyunca otomatiktir.

belgeler

Formidable web sitesi, aranabilir bir bilgi tabanına sahip kapsamlı belgeler içerir. Konular, başlangıçtan kodla kendi işlevlerinizi geliştirmeye kadar her şeyi içerir. Hatta PHP, JavaScript ve CSS örnekleri ve bir kısa kod listesi içerir.

Belgeleri kullandığım tek zaman Görünümler ve hesaplamalar hakkında bilgi edinmekti. Diğer her şey, ihtiyacım olmayacak kadar sezgiseldi. Bilgi için birkaç arama yaptım ve aradığım her şey belgelerdeydi ve çok sayıda resim ve net talimatlar ekledim.

Fiyat, Lisans ve Destek

Formidable Pro'nun dört farklı planı var. Planların her biri, bir yıl boyunca Pro özellikleri ve biletli desteği içerir. İlk üç plan, Enterprise ömür boyuyken bir yıllık güncellemeleri içerir.

Kişisel – 49 ABD doları, bir site için, standart destek, ayrı satılan eklentiler.

Profesyonel – 99$, 3 site, standart destek, 6 eklenti.

Küçük İşletme – 15 site, öncelikli destek, 16 eklenti için 199 ABD doları.

Kurumsal – 399$, sınırsız site, elit destek, 20 eklenti.

Son düşünceler

Formidable Pro, diğer form oluşturma eklentilerinde görmediğim bazı özelliklere sahip güçlü bir form yaratıcısıdır. Bazı özellikler istediğim kadar sezgisel değil, ancak belgeleri okumak için çok fazla zaman harcamak zorunda kalmadan istediğim her şeyi yaptı. Başlamanız için önceden hazırlanmış birkaç form içerir. Stiller ayrı ayrı oluşturulur ve daha sonra form başına seçilir veya varsayılan stil olarak birini seçebilirsiniz.

Kişisel lisans, diğer planlarla aynı temel özelliklere sahiptir ve çoğu kişinin ihtiyaç duyacağı formların çoğunu oluşturabilir. Birincil fark, eklenti içermemesidir, ancak bunları ayrı olarak ekleyebilirsiniz.

Alanları seçerek, istediğiniz yere sürükleyip bırakarak, form içinde birden çok düzen oluşturarak, koşullar ekleyerek, hesaplamalar yaparak ve birden çok stil oluşturarak form oluşturma kolaylığı, Formidable Pro'yu profesyonel kalitede formlar oluşturmak isteyen herkes için mükemmel bir seçim haline getirir. WordPress için.

Formidable Pro'yu denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin!

Jane Kelly / Shutterstock.com aracılığıyla Öne Çıkan Görsel