formlar herhangi bir web sitesi için çok önemlidir. Böylece, iyi bilinen eklentiler gibi İletişim Formu 7, Forms Ninja, WPForms ve Gravity Forms, uzun süredir pazara liderlik ediyor. Ancak daha iyi özelliklere sahip yenileri ortaya çıkıyor. Bunlardan birine WeForms denir.

weForms WP User Frontend'in yapımcıları WeDevs'ten geliyor ve işte bu yüzden bir sonraki form oluşturma projeleriniz için weForms'u denemelisiniz:

Ortalama ve genel kullanıcılar için tasarlanmıştır, bu da kullanımı çok kolaylaştırır. Vue.js çerçevesi sayesinde süper hızlı. Aynı zamanda weForms, üretkenlik ve e-posta pazarlama entegrasyonu gibi önemli ve gelişmiş özelliklere sahiptir.

WeForms'un Sunumu

weForms'un Personal Pro sürümünün ücretsiz bir kopyasını aldım, ancak bir web sitesi oluşturmak için gerekli tüm temel özelliklere sahip ücretsiz bir sürümü de var. İletişim formu Web sitenizde. Bu nedenle size eklentinin bazı özelliklerini tanıtacağız. weForms, işlevselliğini artıran çeşitli entegrasyonlara sahip modern bir form düzenleyicisidir.

WeForms ile form oluşturma

Genel özelliklerinden bazıları:

  • Etkinleştirme'yi tıklayın
  • Hızlı form oluşturma
  • Gerçek zamanlı olarak canlı önizleme
  • Entegre modeller
  • Sürükle ve bırak oluşturucu

Ortalama bir kullanıcının yolunu kolayca bulabilmesi için kullanıcı dostu olacak şekilde tasarlanmış olsa da, bu kolay değildir. Eklenti çok hızlı çalışır ve anlaşılması kolaydır, ancak aynı zamanda çok genişletilebilir. weForms, gelişmiş görevleri gerçekleştirmek için tamamen yetkilidir.

  • Gelişmiş alanlar
  • Alanları özelleştirme
  • koşullu mantık
  • Çok adımlı form
  • Duyarlı
  • Form verme / alma
  • Görüntü ve dosya yükleme
  • Son kullanma süresi
  • Giriş kısıtlamaları
  • Özel e-posta bildirimleri
  • AJAX aracılığıyla bir sayfa gönderin
  • SMS ile bildirim
  • E-postaları özelleştirme
  • MailChimp, Paypal, Slack ve diğer birçok entegrasyon

Sürükle ve bırak ve ücretsiz yerleşik şablonlar kullanan sezgisel arayüz, ihtiyacınız olan her şeye sahip olmanızı sağlar. weForms, mobil cihazlarda da kullanılabilir.

1 - Kurulum ve temel parametreler

WeForms'u kurmak basittir. Diğer eklentilerde olduğu gibi, WordPress.org'dan yükleyebilir veya Pro sürümünü indirebilir ve düzenli olarak kurabilirsiniz.

2 - İlk formunuzun oluşturulması

WeForms ile tasarım yaparken nasıl zamandan tasarruf edeceğinizle ilgili birçok şeyden bahsetmiştim. şimdi onu açıklama zamanı.

İletişim Formlarına tıklayarak, yönetim arayüzüne erişeceksiniz. formlar. Aynı arayüzden, form oluşturma arayüzüne erişebilirsiniz. Burada 3 yerleşik şablon göreceksiniz. İletişim formu, destek formu ve etkinlik kayıt formu.

form tasarımı weForms.jpg

Özel / boş bir şablonla başlamayı da seçebilirsiniz.

Fark edeceğiniz üzere, weForms, önceden tanımlanmış şablonlarla süreci de basitleştirmek için çok şey yaptı, ki bunlar da özelleştirilebilir.

Şablonlar varsayılan olarak şöyle görünür:

İletişim formu

iletişim formülleri modeli weForms.jpg

Yardım formu

Etkinlik kayıt formu

weforms.jpg etkinliğine kayıt formu

Boş bir şablon kullanmayı seçmeniz durumunda, boş bir şablon kullanarak yeni bir formun nasıl oluşturulacağı aşağıda açıklanmıştır.

WeForms ayarları

Form ayarları sekmesi, şablonlardan veya özel bir formdan yeni bir form açtığınızda açılır.

özel iletişim formu weforms.jpg

Burada, açılır menüden formunuzu gönderildiği zamanki aynı sayfaya, farklı bir sayfaya veya özel bir URL'ye yeniden yönlendirmeyi seçebilirsiniz.

seninkini istiyor musun formlar belirli bir ömrü var mı? Formunuzu planlayabileceğiniz, kullanıcılarınızın giriş yapmasını zorunlu kılabileceğiniz ve girişleri belirli bir sayıyla sınırlandırabileceğiniz Gönderim Kısıtlama bölümü aracılığıyla bunu kolayca yapabilirsiniz. Ayarları yapılandırmak kolaydır.

ayarlamalar wewords wordpress.jpg

Son olarak, etiketlerinizin nasıl görüneceğini de seçebilirsiniz.

weforms.jpg etiketini yapılandırın

Bildirimlerle, e-posta için her şeyi yapılandırabilirsiniz. Nelerin gönderilmesi gerektiği de dahil olmak üzere e-posta bildirimlerinin nereye gönderileceği konusunda size tam kontrol sağlar.

bildirimlerin e-posta ile yapılandırılması .jpg

WeForms alanları

WeForms oluşturucunun en önemli bölümlerinden biri, canlı önizleme ve öğeleri sürükleyip bırakma işlevidir. Başlamak için, formunuzda istediğiniz bir alanı sürükleyip bırakın. Onları dilediğiniz gibi yeniden düzenleyin. Siz değişiklik yaptıkça, dinamik oluşturucu düzenleme sırasında buna göre değişecektir. Bu, formun kullanıcılarınız için nasıl görüneceğine dair otomatik bir önizleme sağlar. Süreç, kullanıcı dostu olma vaadini yerine getiriyor.

bir formun gerçek zamanlı olarak düzenlenmesi weforms.jpg

Özel CSS ile her alanı istediğiniz gibi özelleştirebilirsiniz. Özelleştirebilme, alanlarınızda değişiklik yapmanın formunuzun genel görünümünü daha iyi hale getirebileceği anlamına gelir. Web sitenizle ilişkilendirebilir veya belirli öğeleri vurgulayabilirsiniz. WeForms alanları şunlardır:

  • Adınız
  • Metinleri
  • Metin Kutusu
  • Açılır menü
  • Çoklu seçim
  • radyo
  • Onay Kutusu
  • URL
  • E-posta adresi
  • Gizli alan
  • Görüntü yükleme
  • Tekrarlanan alan
  • Tarih / Saat
  • Dosya indirme
  • Ülke listesi
  • Sayısal alan
  • Adres alanı
  • Adım Başlangıcı
  • Google Harita
  • Bölüm ayrımı
  • Özel HTML
  • ReCaptcha
  • Küçük kod
  • Termes et koşulları
  • Eylem kancası
  • Puanlar

3 - Bir formun yayınlanması

Bir form gönderme ve bunu canlı olarak yapma süreci basittir. Diğer çoğu eklenti gibi, formun üst kısmındaki kısa kodu tıklayarak kopyalayın. Artık bunu yeni bir sayfada veya makalelerinizde yayınlayabilirsiniz.

bir form yayınla weforms.jpg

İşte bir örnek. WeForms ile aşağıdakine benzer bir arayüze sahip olacaksınız.

örnek form wpeforms.jpg

Bu eğitim için bu kadar, umarım WeForms eklentisinin farklı özelliklerinin farkına varmanızı sağlar.