WPForms: Pro Basımında derinlemesine görünümler
Bir form oluşturmaya geldiğinde, WordPress’in birçok iyi seçeneği vardır. Ancak her büyük seçenek her WordPress kullanıcısı için doğru değildir. Basit bir şey arıyorsanız, WPForms istediğiniz şey olabilir. WPForms, ihtiyacınız olan her türlü formu yapmak için alanı sürüklemenize ve serbest bırakmanıza izin veren bir form üreticisidir. Bu, başlamanıza yardımcı olacak birkaç şablon içerir. Formu sayfaya yerleştirebilir ve kısa bir kod kullanarak yayınlayabilirsiniz ve görüntülenecek formunuzu seçmek için açılır bir kutuya sahip bir widget içerir.
Bu yazıda WPForms eklentisi hakkında kapsamlı bir inceleme yapacağım ve deneyimlerimi ve düşüncelerimi paylaşacağım. WPForms Pro Edition
Sonsuz form
Sınırsız Giriş
Form Şablonu
Çok deneyim formu
Spam koruması
Koşullu mantık
Gelişmiş alan
kullanıcı kaydı
Geololasi
gönderi
Özel Catpcha
Ivır zıvır
Mailchimp
PayPal Standardı
Astar
Bir yanıt al
Kampanya Monitörü
Zapier
Sınırsız site
1 yıllık öncelik desteği
1 yıllık güncelleme
PRO Edition, WPForms ile birlikte yükleyeceğiniz birkaç eklenti içerir.
İlk kurulum ve tüm eklentilerinizi ayarlayın, yükleyin ve etkinleştirin. Ardından, lisans anahtarınızı doğrulamanız gerekir. WordPress panosunda WPForms ve ardından Ayarlar’ı seçin. Genel Genel sekmesini açın ve hesap kilidinizi etkinleştirin. Bu sekmedeki e -posta ve Recaptcha ayarlarını da ayarlayabilirsiniz. Ödeme Para biriminizi seçecek ve şerit ayarlarınızı ödeme sekmesine ayarlayacaksınız. Ödeme almaya hazır olana kadar test modunu kullanın. Bu integrasitab, bülten pazarlama uygulamanıza bağlanmanızı sağlar. İstediğiniz hizmete tıklayın ve bu süreç boyunca sizi alır. Sezgisel adımlar buldum. Bu, süreci olabildiğince kolaylaştırır. İthalat ihracat
Bu sekme, formlarınızı içe aktarmanıza ve dışa aktarmanıza olanak tanır. Hangi dosyaların içe aktarılacağını ve hangi formların dışa aktarılacağını seçebilirsiniz. Bir form oluşturmak için bir form oluşturun, gösterge tablosunda WPForms’ı açın ve yeni ekle seçin. Bu sizi ayarlar ekranına götürecektir. Soldaki menü, formu oluşturmak veya ayarlamak için sizi tüm adımlardan geçirir. Bilgilerinizi birkaç alanda eklemelisiniz. E -posta gibi diğerleri varsayılan olarak yönetici e -postasını kullanacaktır. HAZIRLAMA Ekran oluşturma ekranı, gösterge paneli menüsünü gizleyerek WordPress kontrol panelinizi devralır. Burada formu adlandırabilir ve formunuzu oluşturmak için şablonu seçebilirsiniz. Şablonlar şunları içerir:
Boş
Bağış
Öneri
Basit İletişim
Faturalandırma/sipariş
Giriş kullanıcısı
Bir teklif isteği
Bülten kaydı
kullanıcı kaydı
İlk formum için ilk form için bir istek formu oluşturun, bir teklif isteği formu oluşturmak ve ajans sayfası için divi modülüne yerleştirilmek istiyorum. Şablonu seçtim ve beni ayarlayabileceğim forma götürdüm. alan
Formun solundaki kısım, forma ekleyebileceğiniz bir öğeye sahiptir. Üç kategoriye ayrılırlar. Kategoriler ve öğeler şunları içerir: bir satır standardı, paragraf metni, açılır, onay kutusu, çoktan seçmeli, sayılar, adlar ve e -posta HTML, sayfa kırılması, bölüm ayırıcı ve captcha. Ödeme – Bir ürün, birkaç ürün, kredi kartı ve toplam. Bir öğeyi tıklamak, sağdaki formun altına ekler. Alan formda olduktan sonra, istediğiniz sırayla çekip serbest bırakabilirsiniz. Saha Seçenekleri Formdaki alanı tıklamak seçenekleri açacaktır. Seçim, alanın türüne bağlı olarak farklıdır. Alanı tıklamak, etiketi ve açıklamayı değiştirmenize ve alanın doldurulup doldurulmayacağını seçmenize olanak tanır. Bazılarının bu tür alan için özel bilgileri vardır. Gelişmiş seçenekler de özeldir ve CSS sınıfı için alanlar içerir. Koşullu seçenekler koşullu mantık sağlar.
Çoktan seçmeli alan ekledim ve saha seçeneklerini açtım. Burada etiketi değiştirebilir, açıklamalar ekleyebilir ve zorunlu bir alan haline getirebilirsiniz. Gelişmiş seçenek, değeri görüntülemenize, görüntülenecek sütun sayısını seçmenize, etiketi gizlemenize, CSS sınıfını ayarlamanıza ve dinamik seçenekleri devre dışı bırakmanıza olanak tanır. Ayarlar Sekmesi Ayarlar Genel Ayarlar, Bildirimler ve Onay içerir. Genel Burada formun başlığını düzenleyebilir, açıklamalar sağlayabilir, açıklamanın başlığını ve alanını gizleyebilir, CSS sınıfı olarak oluşturabilir, metni gönderme düğmesine ayarlayabilir, CSS sınıfını düğmeye ayarlayabilir, anti-spam etkinleştirebilirsiniz. ve bilgi depolama girişini devre dışı bırakın. Bildirimleri devre dışı bırakabilirsiniz. Varsayılan bildirim, gönderilecek e -postayı, e -postanın konusunu, adından, yanıttan ve mesajdan seçmenizi sağlar. Ayrıca, bildirimlerin ne zaman ve nasıl gönderildiği hakkında koşullu kurallar belirlemenizi sağlayan koşullu mantığı da etkinleştirebilirsiniz. Onayla Bu, mesajı form üzerinden gönderen herkese gönderilen bir onay mesajı yapmanızı sağlar. URL’ye mesaj göndermesini, sayfaları görüntülemesini veya yeniden nokta göndermesini isteyebilirsiniz. Mesajın kendisi bir görsel düzenleyici veya metin kullanılarak yazılır.
Pazarlama Pazarlama sekmesi, formu pazarlama kampanya platformunuza bağlamanıza olanak tanır. Seçiminiz şunları içerir: Ivır zıvır
Kampanya Monitörü Bir yanıt al
Mailchimp
Zapier
MailChimp ve Zapier’e bağlandım. Mailchimp
Önce API anahtarını ve hesap adınızı girerek hesabınıza bağlanın.
Bağlantı oluşturulduktan sonra, bağlamak istediğiniz hesabı ve listeyi seçebilirsiniz. Alanınızı seçin, koşullu mantık, hoş geldiniz e-postasını etkinleştirebilir ve çift seçme kullanabilirsiniz. İstediğiniz kadar bağlantı ekleyebilirsiniz. Birden fazla bülten kullanırsanız bu iyidir.
Zapier Zapier’i bağlamak, Zapier.com’daki uygulamadaki WPForms’a tıklamak, bağlanmayı seçmek ve WPForms tarafından verilen yangın anahtarını size eklemek için bir sorundur. Hesabınızı bağladıktan sonra, kendi Zap’larınızı oluşturmaya ve formunuzu bağlamaya başlayabilirsiniz. Ödeme İki ödeme seçeneği vardır: PayPal ve Stripe. Paypal PayPal’ın yönetimi kolaydır. Standart PayPal ödemesini etkinleştirmeyi ve PayPal e -posta adresimi yazmayı seçtim. Test veya üretim için ayarlayabilirsiniz. Ödeme almaya hazır olana kadar testi kullanmanızı öneririz. Ayrıca ürün satmak veya bağış almak arasında da seçim yapabilirsiniz.
Astar Stipe, kredi kartı ödemelerine izin verir. Bir şerit kullanmak için, Ateş Anahtarınızı WPForms Genel Ayarlarında ayarlamanız ve ardından forma bir kredi kartı alanı ekleyebilirsiniz. Sayfaya formlar ekleyin veya yayınlayın Form, kısa bir kod kullanarak içeriğinize eklenir. Kısa bir kod almanın iki yolu vardır. Düzenleyici formunun sağ üst köşesindeki pimi tıklayabilirsiniz. Bu, nasıl kullanılacağını gösteren kısa kodlar ve kısa videolar içeren sermaye açılır penceresi verecektir.
Ayrıca, gösterge tablosundaki WPForms’ın altındaki tüm formlarda her form için kısa bir kod alabilirsiniz. Kısa kodu kopyalayıp istediğiniz herhangi bir sayfaya veya yayınlayın. Etiketli düğme, görsel düzenleyiciye eklenen formu ekledi. Açılır listesinden istediğiniz formu seçebilirsiniz. Form başlıkını ve formun açıklamasını görüntülemeyi seçebilirsiniz. Bu, içeriğinize seçtiğiniz kısa bir kod ekleyecektir. İçeriğinize birkaç form ekleyebilirsiniz. Örnek Sayfayı Divi 100’ün 42. Günü’nden Kişisel Sayfa Düzeni Paketini kullanarak oluşturdum. Kontak formu modülünü kod modülüyle değiştirdim ve kısa kodu ekledim. İlk deneyde mükemmel çalışır ve sorunsuz bir şekilde entegre edilir. Ayrıca sütuna da yerleştirebilirsiniz. Bunu büyük formlar için tavsiye etmiyorum ama daha küçük formlar için bu iyi çalışıyor. Daha fazla formu geri getirin ve şablondan birkaç form yapın ve başka bir sayfaya ekleyin. Bir Fatura / Sipariş Formu Oluşturun Aşağıdaki faturalandırma/sipariş formunu görüntüler. Bu kendi sayfasında standart bir formdur. Bağış formu Aşağıda bağış formu ekranıdır. Kredi kartları alanını ekledim ve yerleşimini değiştirmek için sürükleme ve gevşek kullandım. Divi 100’ün 37. gününden itibaren bölünmüş ekran düzeni kitini kullanarak bir sayfa yaptım. İşte 89 Divi 100’de bahsettiği Geno Church Düzen Kitini kullanmanın başka bir örneği. Öneriler formu Aşağıda bir öneri formudur. Kontak düzen kitine ekledim. İyi karışıktı. Sıfırdan bir form oluşturun Boş bir form seçmek size alan eklemeye başlayabileceğiniz boş bir tuval veriyor. Bir form oluşturmak için istediğim öğeyi tıklamaya başladım ve sonra sürükledim ve istediğim sırayla bıraktım. Alanın varsayılan bir etiketi vardır, ancak ne istersen söylemek için değiştirebilirsiniz. Ayrıca belirli öğrenci kimliklerini ve isimlerini hariç tutabilmem için koşullu mantık ekledim. Öğrencinin ödev yükleme formunu yaptım ve kendi sayfasına koydum. CSS ile Stil Düzenleme Formun alanlarının ve öğelerinin görüntülenmesini ayarlamak için CSS sınıfını kullanabilirsiniz. Çok sütunlu düzen yapmak için bir düzineden fazla CSS sınıfına sahiptir. Web sitelerinde birkaç örnek gösterdiler, ancak yeni başlayanlar için talimatların oldukça basitleştirildiğini gördüm, ancak başlamanıza yardımcı olacak bir kod verdiler. Kodu stil sayfanıza eklemelisiniz. Divi potansiyel müşterileri ile hangisinin size en iyi sonuçları verdiğini görmek için bazı stiller ve metinler yapabilirsiniz. WidgetPlugin, formunuzu açılır listeden seçebileceğiniz bir widget içerir. Form boyutu yan çubuğa sığacak şekilde değiştirilir. Tüm formlar Tüm formları, gösterge tablosundaki WPForms menüsündeki tüm formları seçtiğiniz tüm formları görün. Burada düzenleyebilir, önizlemelere bakın, girişleri görüntüleyebilir, çift ve herhangi bir formu silebilirsiniz. Ayrıca buradan herhangi bir form için kısa bir kod alabilirsiniz. Buradan formları gözden geçirmeyi ve çoğaltabilmenizi seviyorum. Bu, hangi formları kopyalamak ve ikiye katlamak istediğinizi bulmayı kolaylaştırır, büyük ve karmaşık formlar için zaman kazanmanın iyi bir yoludur. Giriş Her bir form için gönderilen mesajları gösterge tablosundaki Giriş sekmesinde birer birer görebilirsiniz. Sağdaki açılır kutuyu kullanarak formu değiştirebilirsiniz. Girişi, oynadığını, okunduğunu işaretleyebilir ve bir CSV dosyası olarak indirebilirsiniz. Formu görüntüleyebilmeniz ve düzenleyebilmeniz için bir bağlantısı vardır. Ayrıca ziyaretçileriniz tarafından gönderilen her mesaj için bir e -posta raporu alacaksınız. Bu çok yararlıdır çünkü gösterge panelinizde bu ekran dışında hiçbir uyarı yoktur. Mesaj ayrıntılarını görmek için görmek için tıklayın. Girişi gördüğünüzde, mesajın tamamı, iletişim e -postaları, konumu (Addon Geolization kullanarak) vb. Gibi ayrıntıları göreceksiniz. Ayrıca girişe kendi notlarınızı da ekleyebilir ve baskı, ihracat, yeniden büyüleyici, okunmamış olarak işaretleme ve yıldızlar gibi diğer eylemleri gerçekleştirebilirsiniz. Girişi bu ekrandan kaydırabilir ve tüm girişlerin ekranına geri dönebilirsiniz. Destek ve Dokümantasyon Eklentideki tek belge, size bu seçeneğin nasıl kullanılacağına dair kısa bir açıklama sağlayan tüm alan seçeneklerine kısa bir kod ve soru işareti nasıl gireceğinizi gösteren bir videodur. Her ne kadar bağlantı sağlanmasa da, web sitelerinde başlamanıza yardımcı olacak giriş videoları da dahil olmak üzere birkaç belge ve video vardır. Malzeme kısa ve basit ama iyi yazılmıştır. Ayrıca birçok kısa öğretici olan blogları var.