Yerçekimi Formu – Kişisel Baskıda Ayrıntılı Görünüm
Rocket Genius’tan yerçekimi formları, WordPress için basit veya gelişmiş formlar yapmak için güçlü bir araçtır. Bu, formları kolayca oluşturmanıza ve yönetmenize, koşullar ve stiller eklemenize ve yönetmenize, birkaç sayfa oluşturmanıza, girişi sınırlamanıza ve formun yayınlandığını planlamanıza olanak tanıyan – tek bir kod satırına dokunmak zorunda kalmadan. Her şeyden önce, bu kullanımı sezgiseldir. Bu makalede Gravity Forms Kişisel Edition’ı göreceğiz, ana özellikleri göreceğiz ve form örneklerini göreceğiz. Unssplash.com’dan alınan örnekler için görüntüler.
GF web sitesini ziyaret etmek için buraya tıklayın: Gravity Forms
Yükleme eklentisini yüklemek için yükleyin, yükle (panodaki eklentiyi seçin, yeni ekle’yi tıklayın, ardından Yükle’yi seçin) ve ardından etkinleştirin. Eklenti etkinleştirildikten sonra, lisans anahtarınızı eklemeniz ve bazı ayarları seçmeniz gerekir. Eklenti yüklendikten sonra, gösterge paneli menünüze eklenen formu göreceksiniz. Formu seçin ve ardından Yerçekimi Formu ayarlarını tamamlamak için ayarlara gidin. Lisans anahtarı
Arka plan güncellemesi Burada yerçekimi formlarının otomatik olarak güncellenmesine izin vermeyi seçebilirsiniz (bu varsayılan ve önerilen bir ayardır) veya bir güncelleme yapabilirsiniz. Varsayılan ayarları kullanmaya devam etmenizi ve İleri’yi seçmenizi öneririm. Küresel Düzenlemeler Global ayarlarda ilk ayar para biriminizdir. Para birimi, fiyat ve formunuzun hesaplanması alanında kullanılır. Seçilecek 25 para birimi vardır. Sırada çatışmadan mod. Bu varsayılan olarak aktif değildir. Diğer eklentilerinizle veya bir çocuğun divi veya temasıyla bir çatışma varsa bunu etkinleştirin. Bu, yerçekimi formu yönetici sayfanıza yazdırılan stil ve komut dosyasını önler. Menü Araç Çubuğu Form menüsünü üst araç çubuğunda görüntüler. Bu, açtığınız son 10 formu gösterecektir. Bu aktif olarak varsayılan olarak ayarlanmıştır. Akismet Entegrasyonu, formunuzu spam girişinden korumak için Akismet’i kullanır. Bu aynı zamanda aktif olarak varsayılan olarak düzenlenmiştir. Para biriminizi seçmenizi ve geri kalanının varsayılan olarak düzenlenmesini öneririm. Kurulumu tamamlamak için İleri’ye basın. Bu ayarı ayarlar menüsünde istediğiniz zaman değiştirebilirsiniz. Yeni form
Yeni bir form seçin (gösterge paneli menüsündeki formun altında) ve form adını verebileceğiniz ve bir açıklama sağlayabileceğiniz bir Pulan yer alacaksınız. Ardından, bir form oluşturulacağını gösteren hızlı bir alan ve kılavuza sahip bir ekran göreceksiniz. Talimatlar şunları içerir: Alan türünü seçin
Alan eklemek için tıklayın
Alan Seçeneklerini Düzenle
Alanı ayarlamak için sürükleyin
Formunuzu Kaydet
Üstte, alt okun yanında çalıştığınız formun adını göreceksiniz. Alt ok, arama kutunuz ve formlar listenizle sermaye penceresini açar. Burada formlar arasında kolayca değişebilirsiniz. Aşağıda düzenleme, ayarlar (formlar, onay ve bildirim için), girişler ve önizlemeler içeren bir şerit menüsü bulunmaktadır. Bu, mevcut formunuz için ayarlarda gezinmenizi sağlar. Onları ayrıntılı olarak görelim. Formlar yapmak için tüm alanlar ekranın sağ tarafına yerleştirilir. Hemen hemen her ayarın bu özelliğin nasıl kullanılacağı hakkında bilgi veren bir soru işareti vardır. Alanlar dört kategoriye ayrılmıştır:
Standart (11 alan) Devam (10 Alan)
POS (7 Alan)
Fiyat (5 Alan)
Seçilecek alanı görmek için kategoriyi açın. Bir form oluşturmak için, formunuza eklemek istediğiniz alana tıklamaya başlayın. Sipariş önemli değil çünkü istediğiniz sırayla çekip serbest bırakabilirsiniz.
Sahaya tıkladıktan sonra, tuvalinizde göründüğünü göreceksiniz. Burada her alanı ayarlayabilirsiniz.
Alanı seçmek ayarları açacaktır. Ayarlar üç sekme içerir: genel, görünüm ve gelişmiş. Her alan türü için farklı düzenlemeler. Herhangi bir alanı çoğaltabilirsiniz. Genel ayarlar arasında etiketler, açıklamalar, giriş maskeleri, karakterlerin maksimum özellikleri, kurallar, seçenekler, sayı formatları, aralık, hesaplama, düğme türleri, düğme metni vb. Görünüm ayarları arasında CSS sınıf alanları, yer tutucuları, açıklama yerleşimi, özel mesajlar, alan boyutları, kullanıcı arayüzlerini etkinleştirme, alanların dinamik olarak doldurulmasına izin verilmesi vb. Diğer ayarlar arasında etiketler, varsayılan değerler, görünürlük, alanların dinamik olarak doldurulmasına izin veren, koşullu mantık, bir sonraki düğme koşulunun mantığı, zengin metnin düzenleyicisinin etkinleştirilmesi vb. Ayarlar ayarları, onaylamayı ve bildirimi içerir. Aşağıdakiler her birine daha yakından bir bakış. Form Ayarları Form ayarları şunları içerir: Temel – Başlık ve Açıklama
Düzen-etiket, açıklama, alt etiketlerin yerleştirilmesi 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 – Kaydet ve Devam Özelliğini Etkinleştirin
Kısıtlamalar – Giriş sayısını sınırlayın, formun etkin olduğu bir zaman periyodu planlayın ve kullanıcıların girmesini gerektiriyor
Option-Anti-spam Honeypot (Alternatif Recapthca) ve animasyon geçişini oluşturur
Onayla
Kullanıcı formu gönderdikten sonra görüntülenen bir onay yapın. Kendi onayınızı ayarlamazsanız, varsayılanı kullanır. Bildirim
Bildirimler oluşturun ve bildirimin kime gönderildiğine karar verin. Varsayılan olarak yöneticiye göndermek istiyorsanız boş bırakabilirsiniz. Bu örnek için bir form oluşturun Bir olay için bir RSVP formu oluşturmak istiyorum. Form, okuyucuların isimlerini girmelerine ve etkinliğe katılıp katılmayacaklarını seçmelerine izin verecektir. Değilse, form görüntülenecek başka bir alan olmayacak şekilde koşullu mantık kullanacaktır. Mevcut olacaklarsa, yiyecek için seçimler yapabilecekleri başka alanlar gösterilecektir. Bir seçim yaptıktan sonra, form fiyatı hesaplayacak ve onlara toplam verecektir. Gerektiğinde belirli bir alanı seçtim ve kullanıcılara örnek olarak bir yer tutucu değeri verdim. Alan, kullanıcılar tarafından kolayca anlaşılan tanımlayıcı bir etiket kullanılarak adlandırılır.
Bu form birkaç koşullu mantık öğesini içerir. Partinize sadece mevcut olup olmadığınızı ne kadar soracak ve sadece yemek isterseniz yiyecek seçimleri isteyecektir. Yemek seçimi bir ürün alanıdır. Sadece kullanıcılar yiyeceklerini seçerse görüntülenirler. Toplam düzlem, toplamı hesaplamak için üzerindeki sayıları kullanır. Kullanılacak bir alan seçmedim. Sadece yukarıdaki girişi kullanmayı ve gerisini yapmayı seçtim. Toplam alan ayrıca koşullu mantığı kullanır, böylece yalnızca kullanıcı yiyorsa görüntülenir. Ön izleme İlk deneyde beklendiği gibi çalışma formu. Koşullu mantık, bir seçim yaptığımda bir sonraki bölümü ortaya koyuyor. Bu önizleme, ekleyebileceğim herhangi bir stil içermez, ancak bu hepsinin nasıl çalıştığını gösterir. Birçok sayfada bir form istiyorsam, sadece bir sayfa alanı eklemem gerekiyor. Biçim Form menüsü form listenizi gösterir. Burada düzenlemeyi, ayarları ayarlamayı, girişleri görüntülemeyi, formları gözden geçirmeyi, çoğaltmayı ve bunları silmeyi seçebilirsiniz. Ayrıca, dönüşümün başlığı, kimliği, girişi, ekran ve yüzdesine göre de görebilir ve sıralayabilirsiniz. Bu ayarlara ekranın üst kısmındaki WordPress menüsünden de erişebilirsiniz. Her formun bir seçim yapabileceğiniz kendi römorkör menü öğesi vardır. Ayrıca yeni bir forma tıklayarak yeni bir form oluşturabilirsiniz. Bu sizi form üreticisine yönlendirecektir. Sayfaya form ekleyin ve gönderin
Form listenizi açacak görsel düzenleyiciye yeni düğme eklenir. Bu, Divi Builder’daki metin modülünde de görünür. Bir form eklemek için seçin ve açılır kutu ve çeşitli seçeneklerle bir sermaye açılır penceresi alacaksınız. Eklemek istediğiniz formu seçin ve formu ekleyin. Formun başlığını ve açıklamasını görüntülemek ve formu göndermek için Ajax’ı etkinleştirmek de dahil olmak üzere burada başka seçenekler de yapabilirsiniz. Diğer seçenekler, alan için ilk sekme dizinini belirlemenize olanak tanır. Formu girdikten sonra, kısa kod içeriğinize yerleştirilir. İşte herhangi bir stil olmadan standart bir ekran.
Aşağıdaki form Divi bölümünde koyu bir arka plan kullanır. Modül için metin açık olarak ayarlanmıştır.
Bu örnek bölümün arka planındaki görüntüleri kullanır. Bu, sağ sütundaki ve sol sütundaki formları olan iki sütun satırıdır. % 80 opaklık ve her taraf için 50 dolgu ile sağ sütun için beyaz bir arka plan yaptım. Metin karanlığa göre düzenlenmiştir. Bu, düğünler, aile toplantıları, toplantılar, partiler vb. Gibi etkinlikler için çok uygundur. Onayla Kullanıcı bilgilerini girdikten ve Gönder düğmesine bastıktan sonra, girişlerini aldığınızı onaylayan bir mesaj alırlar. Bu mesajı ayarlayabilirsiniz, ancak varsayılan ayarları kullandım. Sonuçları e -postanızda (veya ayarlarda belirttiğiniz e -postanızda) alacaksınız. Giriş Giriş size her form için her bir girişin bir listesini verir. Görebilirsiniz, okuma veya spam olarak işaretleyebilir ve silin. Sütun alan alanıdır. Hangi alanın görüntüleneceğini seçebilirsiniz. Girişi görmek size tüm bilgileri bir e -tablo stili sayfasında verir. Düzenleyebilir, spam olarak işaretleyebilir, bildirimleri yeniden gönderebilir ve hatta yazdırabilirsiniz. Ayrıca notlar alabilir ve kendi notlarınızı e -posta olarak gönderebilirsiniz. İhracat İthalatı formu içe aktarabilir ve formlarınızı ve girişlerinizi dışa aktarabilir. Form bir JSON dosyası olarak dışa aktarılır. Formları içe aktarma ve dışa aktarma çok kolaydır, ancak girişleri dışa aktarmak için daha fazlası vardır. İlk olarak, formu seçin, ardından dahil etmek istediğiniz tüm alanları seçin. Ardından koşullu mantığı ayarlayın ve gerekirse tarih aralığını ayarlayın. Koşullu mantık, belirli bir değer veya belirli bir değer içeren tüm veya her bir alanı seçmenizi sağlar. İstediğiniz kadar koşul ekleyebilirsiniz. Girişler CSV dosyaları olarak dışa aktarılır. Stil Düzenlemesi Varsayılan olarak, Gravity Forms neredeyse tüm temalarla iyi görünmesini sağlamak için tasarlanmıştır. Ancak WordPress ve yerçekimi formlarını harika yapan şeyin bir kısmı esnekliğidir. Ve bu hala stil açısından çok şey oluyor. Varsayılan yerçekimi formları istediğiniz gibi değilse, aradığınız ekranı elde etmek için her öğenin CSS tarafından hedeflenebileceğini sağladılar. CSS Özel Sınıfı Formu düzenlemenin bir başka 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ı her alan için görünüm ayarlarına kopyalayın ve yapıştırın. CSS sınıfını ekleyebileceğiniz başka bir yer, ayarlar, form ayarları ve CSS sınıfı altında. İşte belgelerde verilen bazı CSS sınıfları türleri. CSS sınıfı CSS Sınıf düzeni etkilemeye hazırdır. Hazır bir sınıfla birkaç sütun ekleyebilir, bir satır formu oluşturabilir, bir liste görüntüleyebilir, yatay formlar oluşturabilir, metin haddeleme oluşturabilir, bölümler yapabilirsiniz. CSS dokümantasyon hedeflerine örnek olarak, stil yapmak için birçok CSS örneği içerir. Her alanın her detayı bu hedefleme örneği kullanılarak düzenlenebilir. Bu nedenle, sahada farklı bir renk arka planı, belirli yazı tipleri için farklı renkler istiyorsanız veya alanın bir sınıra sahip olmasını istiyorsanız, bu örneklerle yapabilirsiniz. Sadece kopyalayıp yapıştırın, ardından ihtiyaçlarınıza göre değiştirin. Lisans, Fiyat, Güncelleme, Destek İstediğiniz lisans türüne bağlı olarak üç fiyat vardır: geliştirici yılda 199 $ ‘dır ve sınırsız web sitelerinde kullanılabilir, çoklu sitelerle çalışabilir ve temel ve gelişmiş kişiler dahil. İşletme yılda 99 dolar. Bu 3 web sitesi ile kullanılabilir ve temel eklenti içerir. Kişisel yılda 39 $ ‘dır ve 1 web sitesinde kullanılabilir. Eklenti içermez. GF web sitesindeki seçenekleri görüntülemek için buraya tıklayın: Gravity Forms Yenileme ve destek 12 aydır. Destek bilet sistemi aracılığıyla verilir. İşletme ve kişisel lisanslar standart bilet sistemlerini içerirken, geliştirici lisansları öncelikli bilet sistemlerini içerir. Eklenti Formunuzda daha fazla işlev sağlamak için 35 uzantı vardır. Onlara erişiminiz seçtiğiniz lisansa dayanmaktadır. İş lisansları şunları içerir: Aktif kampanya Ivır zıvır Kampanya MonitörüAkıllı başarı
Emma Bir yanıt al
isyan
Çılgın Mimi
Mailchimp
Geliştirici lisansı, işletme lisansındaki tüm uzantıları içerir ve şunları ekler:
Çevik crm
temiz
Semilir Batchangkin Kitabı
şenlik ateşi
CRM kapsülleri
Kupon
Dropbox
Taze kitap
İzci Yardımı
uzun
Hipchat
Kısmi giriş
Paypal
PayPal Pro ödemesi
kamuoyu yoklaması
Ölçek
İmza
Gevşek
Astar
Anket
Müthiş
Twilio
kullanıcı kaydı
Zapier
Zoho CRM
Belgeler
