WPForms: Pro Edition'a Derinlemesine Bir Bakış

Form oluşturmaya gelince, WordPress'in birçok harika seçeneği vardır. Ancak her harika seçenek, her WordPress kullanıcısı için doğru seçenek değildir. Basit bir şey arıyorsanız, WPForms tam istediğiniz gibi olabilir.

WPForms, ihtiyacınız olan her türlü formu oluşturmak için alanları sürükleyip bırakmanıza izin veren bir form oluşturucudur. Başlamanız için birkaç şablon içerir. Formları kısa kodları kullanarak sayfalara ve gönderilere yerleştirebilirsiniz ve görüntülenecek formlarınızı seçmek için bir açılır kutu içeren bir pencere öğesi içerir.

Bu yazıda WPForms eklentisine kapsamlı bir genel bakış yapacağım ve deneyimlerimi ve düşüncelerimi paylaşacağım.

WPForms Pro Sürümü

Aralarından seçim yapabileceğiniz birkaç sürüm olsa da, bu incelemede eklentinin Pro sürümünü kullanma konusunda size yol göstereceğim. Yıllık 199 ABD dolarıdır ve aşağıdakileri içeren birçok eklenti ve özellik içerir:

• Sınırsız Form
• Sınırsız Giriş
• Form Şablonları
• Çok Sayfalı Formlar
• Spam Koruması
• Koşullu Mantık
• Gelişmiş Alanlar
• Kullanıcı Kaydı
• coğrafi konum
• Gönderiler
• Özel Yakalama
• Weber
• MailChimp
• PayPal Standardı
• Şerit
• Yanıt almak
• Kampanya İzleme
• Zapier
• Sınırsız Site
• 1 Yıl Öncelikli Destek
• 1 Yıllık Güncellemeler

Pro sürümü, WPForms ile birlikte yükleyeceğiniz birkaç eklenti içerir.

Kurulum ve Kurulum

İlk olarak, tüm eklentilerinizi yükleyin ve etkinleştirin. Ardından, lisans anahtarınızı doğrulamanız gerekecek. WordPress panosunda, WPForms'u ve ardından Ayarlar'ı seçin.

Genel

Genel sekmesine gidin ve hesap anahtarınızı etkinleştirin. Ayrıca bu sekmede e-posta ve reCAPTCHA ayarlarınızı da yapabilirsiniz.

ödemeler

Ödemeler sekmesinde para biriminizi seçecek ve Şerit ayarlarınızı yapacaksınız. Ödemeleri kabul etmeye hazır olana kadar test modunu kullanın.

Entegrasyonlar

Bu sekme, bülten pazarlama uygulamalarınıza bağlanmanıza olanak tanır. İstediğiniz hizmete tıklayın ve süreç boyunca sizi yönlendirir. Adımları sezgisel buldum. Süreci olabildiğince kolaylaştırır.

İthalat ihracat

Bu sekme, formlarınızı içe ve dışa aktarmanıza olanak tanır. Hangi dosyanın içe aktarılacağını ve hangi formların dışa aktarılacağını seçebilirsiniz.

Form Oluşturma

Bir form oluşturmak için kontrol panelinde WPForms'a gidin ve Yeni Ekle'yi seçin. Sizi kurulum ekranına götürecektir. Soldaki menü, formu oluşturmak veya özelleştirmek için tüm adımlarda size yol gösterir. Bazı alanlara bilgilerinizi eklemeniz gerekecek. E-posta gibi diğerleri varsayılan olarak yönetici e-postasını kullanır.

Kurmak

Form oluşturma ekranı, pano menüsünü gizleyerek WordPress panonuzu devralır. Burada formu adlandırabilir ve formunuzu oluşturmak için bir şablon seçebilirsiniz.

Şablonlar şunları içerir:

• Boşluk
• Bağış
• Öneri
• Basit iletişim
• Faturalandırma/Sipariş
• Kullanıcı Girişi
• Bir teklif isteği
• Bültene üye ol
• Kullanıcı Kaydı

Teklif Formu Talebi Oluşturma

İlk formum için bir Teklif Talebi formu oluşturmak ve bir ajans sayfası için Divi modülüne yerleştirmek istedim. Şablonu seçtim ve beni onu özelleştirebileceğim forma götürdü.

Alanlar

Formun solundaki bölümde, forma ekleyebileceğiniz öğeler bulunur. Üç kategoriye ayrılırlar. Kategoriler ve öğeleri şunları içerir:

Standart – tek satırlık metin, paragraf metni, açılır liste, onay kutuları, çoktan seçmeli, sayılar, adlar ve e-posta.

Fantezi – web sitesi, adres, telefon, şifre, tarih/saat, gizli, dosya yükleme, HTML, sayfa sonu, bölüm ayırıcı ve captcha.

Ödeme – tek ürün, birden fazla ürün, kredi kartı ve toplam.

Herhangi bir öğeye tıklamak, bunları sağdaki formun altına ekleyecektir. Alanlar forma girdikten sonra istediğiniz sırayla sürükleyip bırakabilirsiniz.

Alan Seçenekleri

Formdaki alanlara tıklamak seçenekleri açacaktır. Seçenekler, bulunduğu alanın türüne göre farklılık gösterir.

Alanlara tıklamak, etiketi ve açıklamayı değiştirmenize ve bunların zorunlu alan olup olmadığını seçmenize olanak tanır. Bazıları bu tür bir alan için özel bilgilere sahiptir. Gelişmiş seçenekler de uzmanlaşmıştır ve CSS sınıfı için bir alan içerir. Koşullu seçenekler, koşullu mantığı etkinleştirir.

Çoktan seçmeli bir alan ekledim ve alan seçeneklerini açtım. Burada etiketleri değiştirebilir, bir açıklama ekleyebilir ve bunu zorunlu bir alan haline getirebilirsiniz. Gelişmiş Seçenekler değerleri göstermenize, görüntülenecek sütun sayısını seçmenize, etiketi gizlemenize, bir CSS sınıfı atamanıza ve dinamik seçenekleri devre dışı bırakmanıza olanak tanır.

Ayarlar

Ayarlar sekmesi Genel, Bildirim ve Onay ayarlarını içerir.

Genel

Burada formların başlığını düzenleyebilir, bir açıklama verebilir, başlık ve açıklama alanını gizleyebilir, CSS sınıfı olarak atayabilir, gönderim düğmesine metin atayabilir, düğmeye bir CSS sınıfı atayabilir, istenmeyen posta önlemeyi etkinleştirebilir ve girişi kaydetmeyi devre dışı bırakabilirsiniz. bilgi.

Bildirimler

Bildirimleri devre dışı bırakabilirsiniz. Varsayılan bildirimler, gönderileceği e-postayı, e-posta konusunu, ad, yanıt ve mesaj arasından seçmenize olanak tanır. Bildirimin ne zaman ve nasıl gönderileceğine ilişkin koşullu kurallar belirlemenize olanak tanıyan koşullu mantığı da etkinleştirebilirsiniz.

Onayla

Bu, form aracılığıyla mesaj gönderen herkese gönderilen onay mesajını oluşturmanıza olanak tanır. Bir mesaj göndermesini, bir sayfa göstermesini veya bir URL'ye yönlendirmesini sağlayabilirsiniz. Mesajın kendisi görsel veya metin düzenleyici kullanılarak yazılır.

Pazarlama

Pazarlama sekmesi, formu pazarlama kampanyası platformlarınıza bağlamanıza olanak tanır. Seçimleriniz şunları içerir:

• Weber
• Kampanya İzleme
• Yanıt almak
• MailChimp
• Zapier

MailChimp ve Zapier'e bağlandım.

MailChimp

Önce API anahtarınızı ve hesap adınızı girerek hesabınıza bağlanın.

Bağlantı kurulduktan sonra bağlanmak istediğiniz hesabı ve listeyi seçebilirsiniz. Alanlarınızı, koşullu mantığı seçin, ayrıca hoş geldiniz e-postasını etkinleştirebilir ve çift onay özelliğini kullanabilirsiniz. İstediğiniz kadar bağlantı ekleyebilirsiniz. Birden fazla haber bülteni kullanıyorsanız bu harika.

Zapier

Zapier'i bağlamak, Zapier.com'daki uygulamalarda WPForms'a tıklamak, bağlanmayı seçmek ve WPForms'un size verdiği API anahtarını eklemek meselesidir. Hesabınızı bağladıktan sonra kendi Zap'lerinizi yapmaya başlayabilir ve formlarınızı bağlayabilirsiniz.

ödemeler

İki ödeme seçeneği vardır: PayPal ve Stripe.

PayPal

PayPal'ın kurulumu kolaydı. Standart PayPal ödemelerini etkinleştirmeyi seçtim ve PayPal e-posta adresimi yazdım. Test veya üretime ayarlayabilirsiniz. Ödemeleri kabul etmeye hazır olana kadar testi kullanmak iyi bir fikirdir. Ayrıca ürün satmak veya bağış kabul etmek arasında seçim yapabilirsiniz.

Şerit

Stripe, kredi kartı ödemelerine izin verir. Stripe'ı kullanmak için WPForms genel ayarlarında API anahtarınızı ayarlamanız gerekir ve ardından forma bir kredi kartı alanı ekleyebilirsiniz.

Formu Sayfaya veya Gönderiye Ekleme

Form, bir kısa kod kullanılarak içeriğinize eklenir. Kısa kodu almanın iki yolu vardır. Form düzenleyicinin sağ üst köşesindeki </>Yerleştir düğmesini tıklayabilirsiniz.

Bu size kısa kodlu kalıcı bir açılır pencere ve nasıl kullanılacağını gösteren kısa bir video verecektir.

Ayrıca panodaki WPForms altında Tüm Formlar'da her formun kısa kodunu alabilirsiniz . Kısa kodu kopyalayıp görünmesini istediğiniz herhangi bir sayfaya veya gönderiye yapıştırın.

Görsel Düzenleyici'ye Form Ekle etiketli bir düğme eklenir. Açılır listeden istediğiniz formu seçebilirsiniz. Form başlığını ve form açıklamasını göstermeyi seçebilirsiniz. Seçimlerinizle birlikte kısa kodu içeriğinize ekleyecektir. İçeriğinize birden fazla form ekleyebilirsiniz.

Örnekler

Divi 100'ün 42. gününden itibaren İletişim Sayfası Düzen Paketini kullanarak bir sayfa oluşturdum. İletişim formu modülünü bir kod modülüyle değiştirdim ve kısa kodu yapıştırdım. İlk denemede mükemmel çalıştı ve sorunsuz bir şekilde entegre oldu.

Ayrıca sütunlara da yerleştirebilirsiniz. Bunu büyük formlar için önermiyorum ama daha küçük formlar için iyi çalışıyor.

Daha Fazla Form Oluşturma

Geri döndüm ve şablonlardan birkaç form oluşturdum ve diğer sayfalara ekledim.

Faturalandırma / Sipariş Formu Oluşturma

Faturalandırma / Sipariş formuna bir göz atın.

Bu, kendi sayfasındaki standart formdur.

Bağış Formu

Bağış formuna bir göz atın.

Bir kredi kartı alanı ekledim ve yerleşimini değiştirmek için sürükle ve bırak özelliğini kullandım.

Divi 100'ün 37. gününden itibaren Bölünmüş Ekran Düzen Kitini kullanarak bir sayfa oluşturdum.

Divi 100'ün 89. Gününde bahsettiği Geno's Church Layout Kit'i kullanan başka bir örnek.

Öneri Formu

İşte öneri formuna bir göz atın.

Bunu Contact Layout Kit'e ekledim. Güzelce karıştı.

Sıfırdan Form Oluşturma

Boş Form'u seçmek size alan eklemeye başlayabileceğiniz boş bir tuval sağlar.

Bir form oluşturmak için istediğim öğelere tıklamaya başladım ve sonra onları istediğim sırayla sürükleyip bıraktım. Alanların varsayılan etiketleri vardır, ancak istediğiniz herhangi bir şeyi söylemek için bunları değiştirebilirsiniz.

Belirli öğrenci kimliklerini ve adlarını hariç tutabilmek için koşullu mantık da ekledim.

Bir öğrenci ödevi yükleme formu oluşturdum ve kendi sayfasına yerleştirdim.

CSS ile Stil Oluşturma

Alanların ve form öğelerinin görünümünü özelleştirmek için CSS sınıflarını kullanabilirsiniz. Çok sütunlu düzenler oluşturmak için bir düzineden fazla CSS sınıfına sahiptir. Web sitelerinde bazı örnekler gösteriyorlar ama talimatları yeni başlayanlar için biraz fazla basit buldum ama başlamanıza yardımcı olacak kodu size veriyorlar. Kodu stil sayfanıza eklemeniz gerekecek. Divi Lead'leri ile size en iyi sonuçları vereni görmek için birkaç stil ve metin oluşturabilirsiniz.

Araç

Eklenti, bir açılır listeden formlarınızı seçebileceğiniz bir widget içerir.

Formlar, kenar çubuğuna sığacak şekilde yeniden boyutlandırılır.

Tüm formlar

Tüm formlarınızı görün , kontrol panelindeki WPForms menüsünde Tüm Formlar'ı seçin. Burada formlardan herhangi birini düzenleyebilir, önizleyebilir, girişleri görebilir, çoğaltabilir ve silebilirsiniz. Ayrıca herhangi bir formun kısa kodlarını buradan alabilirsiniz.

Buradan bir formu önizleyebilir ve çoğaltabilirsiniz. Bu, hangi formu kopyalamak istediğinizi bilmenizi kolaylaştırır ve bunları çoğaltmak, büyük ve karmaşık formlar için zaman kazanmanın harika bir yoludur.

Girdileri

Her bir form için ayrı ayrı gönderilen mesajları kontrol panelindeki Girişler sekmesinde görebilirsiniz. Sağdaki açılır kutuyu kullanarak formlar arasında geçiş yapabilirsiniz. Girişleri görüntüleyebilir, yıldızlayabilir, okundu olarak işaretleyebilir ve CSV dosyaları olarak indirebilirsiniz. Formu önizleyebilmeniz ve düzenleyebilmeniz için bağlantıları vardır.

Ayrıca ziyaretçilerinizin gönderdiği her mesaj için bir e-posta raporu alacaksınız. Bu özellikle yararlıdır çünkü gösterge tablonuzda bu ekran dışında herhangi bir uyarı yoktur.

Mesajın ayrıntılarını görmek için Görüntüle'ye tıklayın.

Girişi görüntülediğinizde, mesajın tamamı, iletişim e-postası, konumu (coğrafi konum eklentisini kullanarak) vb. gibi ayrıntıları göreceksiniz. Girişe kendi notlarınızı da ekleyebilir ve yazdırma, dışa aktarma, yeniden gönder, okunmadı olarak işaretle ve yıldızla. Bu ekrandan girişler arasında gezinebilir ve Tüm Girişler ekranına geri dönebilirsiniz.

Destek ve Belgeler

Eklenti içindeki tek dokümantasyon, size bu seçeneğin nasıl kullanılacağına dair kısa bir açıklama veren tüm alan seçeneklerine nasıl kısa kod ekleyeceğinizi ve soru işaretlerini gösteren videolardır.

Hiçbir bağlantı sağlanmamakla birlikte, web sitelerinde başlamanıza yardımcı olacak bir tanıtım videosu da dahil olmak üzere birkaç belge ve video bulunmaktadır. Materyal kısa ve basit ama iyi yazılmış. Ayrıca birçok kısa öğretici içeren bir blogları var.

Desteğe ihtiyacınız varsa, biletleme sistemini kullanabilirsiniz. İnceleme sürecimde desteğe ihtiyacım olmadı ancak CSS sınıfları hakkında bilgi edinmek için belgelere başvurdum. Formların oluşturulması ve kullanılması ile ilgili tüm unsurlar kapsanmaktadır.

Son düşünceler

WPForms, kullanımı kolay bir form sistemidir. Sezgisel ve kullanımı kolaydır, ancak özelliklerden yoksundur. Dahil edilen alanlar ve sürükle bırak sistemini kullanarak istediğim her türlü formu oluşturabildim. UX tasarımına büyük özen gösterildiği açıktır.

Eklentiler, favori haber bülteninize ve ödeme sistemlerinize kolayca bağlanır. Koşullu mantık ve gelişmiş alanlar gibi eklentiler, formlarınızı daha da özelleştirmeniz için size araçlar sunar. Geolocation, kullanıcılarınız hakkında size konum bilgisi verir.

CSS sınıfının yanı sıra, başlangıç ​​seviyesindeki bir form yaratıcısıdır. Birkaç stil özelliği daha görmek isterim, ancak CSS'ye aşinaysanız, onu markanıza uyacak şekilde biçimlendirme konusunda herhangi bir sorun yaşamamalısınız. Hatta Divi Lead'leri ile kullanabilir ve kendi a/b testlerinizi gerçekleştirebilirsiniz.

Hem kullanımı kolay hem de özel formlar oluşturacak kadar güçlü bir form oluşturma sistemi arıyorsanız, WPForms bir göz atmaya değer.

WPForms'u denediniz mi?

BarsRsind / Shutterstock.com aracılığıyla öne çıkan görsel