Yerçekimi Formları – Kişisel Sürüme Ayrıntılı Bir Bakış

Rocket Genius'tan Gravity Forms, WordPress için basit veya gelişmiş formlar oluşturmak için güçlü bir araçtır. Tek bir kod satırına dokunmanıza gerek kalmadan formları kolayca oluşturmanıza ve yönetmenize, hatta koşullar ve stil eklemeye, birden çok sayfa oluşturmanıza, girişleri sınırlamanıza ve formların ne zaman yayınlanacağını planlamanıza olanak tanıyan birinci sınıf bir eklentidir. Tüm bunlara ek olarak, kullanımı sezgiseldir.

Bu yazıda Gravity Forms Personal sürümüne bir göz atacağız, ana özelliklerini göreceğiz ve örnek bir forma bakacağız. Örnekler için resimler Unsplash.com'dan alınmıştır.

• GF web sitesini ziyaret etmek için buraya tıklayın: Yerçekimi Formları

Kurulum

Eklentiyi yüklemek için yükleyin (panoda Eklentiler'i seçin, Yeni Ekle'yi tıklayın ve ardından Yükle'yi seçin) ve ardından etkinleştirin. Eklenti etkinleştirildiğinde, lisans anahtarınızı yapıştırmanız ve birkaç ayar seçmeniz gerekir. Eklenti yüklendikten sonra, pano menünüze eklenen Formlar'ı göreceksiniz. Formlar'ı seçin ve ardından Gravity Forms'un kurulumunu tamamlamak için Ayarlar'a gidin.

Lisans anahtarı

Lisans anahtarınızı alana yapıştırın ve İleri'yi seçin. Gravity Forms, lisans anahtarı olmadan çalışmayacaktır.

Arka Plan Güncellemeleri

Burada Yerçekimi Formlarının otomatik olarak güncellenmesine izin vermeyi seçebilirsiniz (bu varsayılan ayardır ve önerilir) veya güncellemeleri manuel olarak gerçekleştirebilirsiniz. Varsayılan ayarı korumanızı ve İleri'yi seçmenizi öneririm.

Genel Ayarlar

Genel ayarlardaki ilk ayar para biriminizdir . Para birimi, formlarınızın fiyatlandırma alanlarında ve fiyat hesaplamalarında kullanılır. Aralarından seçim yapabileceğiniz 25 para birimi vardır.

Sonraki, çatışmasız moddur . Bu, varsayılan olarak kapalıdır. Diğer eklentilerinizle veya Divi veya alt temalarınızla herhangi bir çakışma varsa bunu etkinleştirin. Bu, stillerin ve komut dosyalarının Gravity Forms yönetici sayfalarınızda yazdırılmasını engeller.

Araç çubuğu menüsü , üst araç çubuğu içinde formlar menüsünü görüntüler. Açtığınız son 10 formu gösterecektir. Varsayılan olarak açık olarak ayarlanmıştır.

Akismet entegrasyonu , formlarınızı spam girişlerinden korumak için Akismet'i kullanır. Bu ayrıca varsayılan olarak açık olarak ayarlanmıştır.

Para biriminizi seçmenizi ve gerisini varsayılan olarak bırakmanızı öneririm. Kurulumu tamamlamak için İleri'ye basın. Bu ayarları istediğiniz zaman ayarlar menüsünden değiştirebilirsiniz.

Yeni form

Yeni Form'u seçin (pano menüsündeki Formlar altında) ve formunuzu adlandırabileceğiniz ve ona bir açıklama verebileceğiniz bir açılır pencere göreceksiniz.

Daha sonra, bir formun nasıl oluşturulacağını gösteren alanları ve hızlı bir yolu gösteren bir ekran göreceksiniz. Talimatlar şunları içerir:

1. Bir alan türü seçin
2. Alan eklemek için tıklayın
3. Alan seçeneklerini düzenle
4. Alanları düzenlemek için sürükleyin
5. Formunuzu kaydedin

En üstte, üzerinde çalıştığınız formun adını bir aşağı okun yanında göreceksiniz. Aşağı ok, bir arama kutusu ve formlarınızın bir listesini içeren kalıcı bir pencere açar. Burada formlar arasında kolayca geçiş yapabilirsiniz.

Bunun altında Düzenle, Ayarlar (formlar, onaylar ve bildirimler için), Girişler ve Önizleme'yi içeren bir menü şeridi bulunur. Bu, mevcut formunuz için ayarlar arasında gezinmenizi sağlar. Onlara ayrıntılı olarak bakalım.

Düzenlemek

Formların oluşturulacağı tüm alanlar ekranın sağ tarafında yer almaktadır. Pratik olarak her ayarın, bu özelliğin nasıl kullanılacağı hakkında fareyle üzerine gelindiğinde bilgi veren bir soru işareti vardır. Alanlar dört kategoriye ayrılır:

• Standart (11 alan)
• Gelişmiş (10 alan)
• Gönderi (7 alan)
• Fiyatlandırma (5 alan)

Seçilecek alanları görmek için kategorileri açın. Formu oluşturmak için formunuza eklemek istediğiniz alanlara tıklamaya başlayın. Hangi sırayla olduğu önemli değil çünkü onları istediğiniz sırayla sürükleyip bırakabilirsiniz.

Alanları tıkladıktan sonra, tuvalinizde görüneceklerini göreceksiniz. Burada her alanı özelleştirebileceksiniz.

Alanların seçilmesi, ayarlarını açar. Ayarlar üç sekme içerir: Genel, Görünüm ve Gelişmiş. Ayar, her alan türü için farklıdır. Herhangi bir alanı çoğaltabilirsiniz.

Genel ayarlar, etiketleri, açıklamaları, bir giriş maskesini, maksimum karakter sayısını, kuralları, seçenekleri, sayı biçimini, aralıkları, hesaplamaları, düğme türünü, düğme metnini vb. içerir.

Görünüm ayarları, CSS sınıf alanlarını, yer tutucuları, açıklama yerleşimlerini, özel mesajları, alan boyutlarını, kullanıcı arayüzlerini etkinleştirmeyi, alanların dinamik olarak doldurulmasına izin verme vb. içerir.

Gelişmiş ayarlar, etiketleri, varsayılan değerleri, görünürlüğü içerir, alanın dinamik olarak doldurulmasına izin verir, koşullu mantığı etkinleştirir, sonraki düğme koşullu mantığı etkinleştirir, zengin metin düzenleyiciyi etkinleştirir, vb.

Ayarlar

Ayarlar arasında Form Ayarları, Onay ve Bildirimler bulunur. İşte her birine daha yakından bir bakış.

Form Ayarları

Form Ayarları şunları içerir:

• Temel bilgiler – başlık ve açıklama
• Düzen – etiket, açıklama, alt etiket yerleşimi ve CSS sınıfı
• Düğme – metin veya resim seçin, düğme metnini girin ve koşullu mantığı etkinleştirin
• Kaydet ve Devam Et – kaydetme ve devam etme özelliğini etkinleştirin
• Kısıtlamalar – giriş sayısını sınırlayın, formun aktif olduğu zaman aralığını planlayın ve kullanıcıların oturum açmasını zorunlu kılın
• Form Seçenekleri – istenmeyen posta önleme bal küpü (reCAPTHCA alternatifi) ve animasyonlu geçişler

Onaylar

Kullanıcı formu gönderdikten sonra görüntülenen onayı oluşturun. Kendi onayınızı özelleştirmezseniz, varsayılanı kullanır.

Bildirimler

Bildirimi oluşturun ve kime gönderileceğine karar verin. Varsayılan olarak yöneticiye göndermek istiyorsanız bunu boş bırakabilirsiniz.

Form Oluşturma

Bu örnek için bir etkinlik için bir LCV formu oluşturmak istedim. Form, okuyucunun adını girmesine ve etkinliğe katılıp katılmayacağını seçmesine izin verecektir. Değilse, form koşullu mantığı kullanır, böylece başka hiçbir alan görüntülenmez. Eğer katılacaklarsa, yemek seçimlerini yapabilecekleri diğer alanlar görüntülenecektir. Seçimlerini yaptıktan sonra form, fiyatlandırmayı hesaplayacak ve onlara bir toplam verecek. Bazı alanları gerektiği gibi seçtim ve kullanıcıya örnek olarak yer tutucu değerleri verdim. Alanlar, kullanıcının anlaması kolay olan açıklayıcı etiketler kullanılarak adlandırılır.

Bu form birkaç koşullu mantık öğesi içerir. Sadece partinizde kaç kişi olup olmadığınızı soracak ve sadece yemek yiyorsanız yemek seçeneklerini soracaktır.

Gıda seçenekleri ürün alanlarıdır. Yalnızca kullanıcı yemek yemeyi seçerse görüntülenecektir. Toplam alanı, toplamı hesaplamak için üstündeki sayı alanlarını kullanır. Kullanacağı alanları ben seçmedim. Ben sadece yukarıdaki girdileri kullanmayı seçtim ve gerisini o hallediyor. Toplam alanı ayrıca koşullu mantık kullanır, bu nedenle yalnızca kullanıcı yemek yiyorsa görüntülenecektir.

Ön izleme

Form, ilk denemede beklendiği gibi çalıştı. Koşullu mantık, seçimlerimi yaparken bir sonraki bölümü ortaya çıkardı. Bu önizleme ekleyebileceğim hiçbir stili içermiyor, ancak her şeyin nasıl çalıştığını gösteriyor. Birden çok sayfalı bir form isteseydim, sadece bir sayfa alanı eklerdim.

Formlar

Formlar menüsü, form listenizi gösterir. Burada düzenlemeyi, ayarları değiştirmeyi, girişleri görmeyi, formu önizlemeyi, formu çoğaltmayı ve silmeyi seçebilirsiniz. Bunları başlığa, kimliğe, girişlere, görünümlere ve dönüşüm yüzdesine göre de görüntüleyebilir ve sıralayabilirsiniz. Bu ayarlara ekranın üst kısmındaki WordPress menüsünden de erişebilirsiniz. Her formun, seçim yapabileceğiniz kendi açılır menü öğeleri vardır. Yeni Form'a tıklayarak da yeni bir form oluşturabilirsiniz. Sizi form oluşturucuya yönlendirecektir.

Sayfalara ve Gönderilere Form Ekleme

Form listenizi açacak görsel düzenleyiciye yeni bir düğme eklendi. Bu, Divi Builder içindeki metin modüllerinde de görünür.

Bir form eklemek için seçin ve bir açılır kutu ve çeşitli seçenekler içeren kalıcı bir açılır pencere göreceksiniz. Eklemek istediğiniz formu seçin ve Form Ekle'ye tıklayın. Ayrıca burada formun başlığını ve açıklamasını görüntülemek ve AJAX'ın formu göndermesini etkinleştirmek dahil olmak üzere birkaç seçim daha yapabilirsiniz. Gelişmiş bir seçenek, alanlar için başlangıç ​​sekmesi dizinini belirlemenizi sağlar. Formu ekledikten sonra içeriğinize bir kısa kod yerleştirilecektir.

İşte herhangi bir stil olmadan standart forma bir bakış.

İşte Divi bölümünde koyu bir arka plan kullanan form. Modülün metni açık olarak ayarlanmıştır.

Bu örnek, bölümün arka planında bir resim kullanır. Sağ sütunda form ve sol sütun boş olan iki sütunlu bir satırdır. Sağ sütun için %80 opaklık ve her taraf için 50 dolgu ile beyaz bir arka plan oluşturdum. Metin koyu olarak ayarlanmıştır. Bu, düğünler, aile buluşmaları, toplantılar, partiler vb. gibi etkinlikler için harika çalışıyor.

Onayla

Kullanıcı bilgilerini girdikten ve gönder düğmesine bastığında, girişlerini aldığınızı onaylayan bir mesaj alır. Bu mesajı özelleştirebilirsiniz ama ben varsayılan ayarı kullandım. Sonuçları e-postanızda (veya ayarlarda belirttiğiniz e-postada) alacaksınız.

Girdileri

Girişler size her form için her girişin bir listesini verir. Bunları görüntüleyebilir, okundu veya spam olarak işaretleyebilir ve silebilirsiniz. Sütunlar formun alanlarıdır. Hangi alanların görüntüleneceğini seçebilirsiniz.

Girişi görüntülemek, size tüm bilgileri elektronik tablo stili bir sayfada verir. Bildirimi düzenleyebilir, spam olarak işaretleyebilir, yeniden gönderebilir ve hatta yazdırabilirsiniz. Ayrıca notlar alabilir ve notun kendisini e-posta olarak gönderebilirsiniz.

İthalat ihracat

Formları içe aktarabilir ve formlarınızı ve girdilerinizi dışa aktarabilirsiniz. Formlar bir JSON dosyası olarak dışa aktarılır. Formları içe ve dışa aktarma basittir, ancak girdileri dışa aktarmanın daha fazlası vardır. Önce formu seçin, ardından dahil etmek istediğiniz tüm alanları seçin. Ardından koşullu mantığı ve gerekirse tarih aralıklarını ayarlayın. Koşullu mantık, belirli bir değer içeren veya belirli bir değer olan tüm veya tek tek alanları seçmenize olanak tanır. İstediğiniz kadar koşul ekleyebilirsiniz. Girişler, CSV dosyaları olarak dışa aktarılır.

stil

Varsayılan olarak Gravity Forms, hemen hemen her temayla iyi görünecek şekilde tasarlanmıştır. Ancak hem WordPress'i hem de Gravity Forms'u harika yapan şeylerden biri de esneklikleridir. Ve bu, stil söz konusu olduğunda hala geçerli. Gravity Forms'un varsayılan görünümü tercih ettiğiniz gibi değilse, tam olarak aradığınız görünümü elde etmek için her öğeyi css tarafından hedeflenebilir hale getirdiler.

Özel CSS Sınıfları

Formlara stil vermenin başka bir yolu da özel bir CSS sınıfı kullanmaktır. Dokümantasyonda birkaç hazır sınıf listesi mevcuttur. CSS sınıfını kopyalayıp her alan için Görünüm ayarına yapıştırın. CSS sınıfını ekleyebileceğiniz başka bir yer ise Ayarlar, Form Ayarları ve CSS Sınıfı'dır.

İşte belgelerde sağlanan birkaç CSS sınıfı türü.

CSS Hazır Sınıflar

Hazır Sınıflar düzeni etkiler. Hazır Sınıflar ile birden çok sütun ekleyebilir, akıcı bir satır içi form oluşturabilir, listeleri gösterebilir, yatay bir form oluşturabilir, kayan metin oluşturabilir, bölümler oluşturabilirsiniz vb.

CSS Hedefleme Örnekleri

Belgeler ayrıca stiller oluşturmak için birçok CSS örneği içerir. Bu hedefleme örnekleri kullanılarak her alanın her detayı şekillendirilebilir. Yani alan içinde farklı bir renk arka planı, belirli bir yazı tipi için farklı renk veya bir alanın kenarlık olmasını istiyorsanız, bunu bu örneklerle yapabilirsiniz. Bunları kopyalayıp yapıştırın ve ardından ihtiyaçlarınıza göre değiştirin.

Lisans, Fiyat, Güncellemeler, Destek

İstediğiniz lisans türüne bağlı olarak üç fiyat vardır:

Geliştirici yıllık 199 ABD Dolarıdır ve sınırsız web sitesinde kullanılabilir, çoklu site ile çalışır ve Temel ve Gelişmiş eklentiler içerir.

İşletme yılda 99 dolar. 3 web sitesi ile kullanılabilir ve Temel eklentileri içerir.

Kişisel yıllık 39 ABD dolarıdır ve 1 web sitesinde kullanılabilir. Eklentileri içermez.

• GF web sitesindeki seçenekleri görmek için buraya tıklayın: Gravity Forms

Güncellemeler ve destek 12 aydır. Destek bilet sistemi ile sağlanmaktadır. İş ve Kişisel lisansı standart bilet sistemini içerirken Geliştirici lisansı bir öncelikli bilet sistemini içerir.

Uzantılar

Formlarınıza daha fazla işlevsellik kazandırmak için 35 uzantı vardır. Bunlara erişiminiz, seçtiğiniz lisansa bağlıdır.

İşletme lisansı şunları içerir:

• AktifKampanya
• Weber
• Kampanya İzleme
• Akıllı Erişim
• Emma
• Yanıt almak
• iİletişim
• deli mimi
• MailChimp

Geliştirici lisansı, İşletme lisansındaki tüm uzantıları içerir ve şunları ekler:

• Çevik CRM
• ağ
• toplu iş defteri
• Esinti
• Kamp ateşi
• Kapsül CRM'si
• Kuponlar
• Dropbox
• TazeKitaplar
• Scout'a yardım et
• Çok katlı
• HipChat
• Kısmi Girişler
• PayPal
• PayPal Ödeme Uzmanı
• anketler
• sınav
• İmza
• Gevşek
• Şerit
• Anket
• Trello
• Twilio
• Kullanıcı Kaydı
• Zapier
• Zoho CRM'si

belgeler

Belgeler web sitesinde sunulmaktadır. Pano menüsü, Kullanıcı, Geliştirici ve Tasarımcı belgelerine bağlantılar içeren Yardım'ı içerir. Bağlantılar sizi doğrudan istediğiniz konuya götürür. Ayrıca SSS sayfasına bir bağlantı içerir. Web sitesi, kullanıcı kılavuzlarını ve bir bilgi tabanını içerir. Çevrimiçi belgeler aranabilir. Gezinmeyi kolay buldum ve aradığım her şeye sahipti.

Son düşünceler

Gravity Forms, birçok özelliğe sahip güçlü bir form yaratıcısıdır. Formları oluşturmayı kolay ve sezgisel buldum. RSVP için oluşturduğum örnek (koşullu mantık dahil) belgelere bakılmadan oluşturulmuştur.

Başlamanız için önceden hazırlanmış formları yoktur, ancak formların oluşturulması kolaydır. Stil oluşturmak daha basit olabilir, ancak belgeleri kullanarak markanıza veya ihtiyaçlarınıza uygun bir form oluşturmak için stilleri kopyalayabilir, yapıştırabilir ve değiştirebilirsiniz. Kişisel lisans, çoğu kişinin ihtiyaç duyacağı formların çoğunu oluşturabilir. Uzantılar, oluşturabileceğiniz form türlerini büyük ölçüde geliştirir.

Alanları seçerek form oluşturma, istediğiniz yere sürükleyip bırakma, koşul ekleme, zamanlama, fiyatlandırma hesaplamaları yapma, form başına girişleri sınırlama, form başına onayları özelleştirme ve bu girdileri belirttiğiniz herhangi bir e-postada alma kolaylığı Gravity'yi yapar. Her seviyedeki WordPress kullanıcıları için mükemmel bir seçimdir.

Yerçekimi Formlarını denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin!

Oleh Markov'un Öne Çıkan Görseli / Shutterstock.com