النماذج ضرورية لأي موقع إلكتروني. لطالما كانت الإضافات الشهيرة، مثل Contact Form 7 وForms Ninja وWPForms وGravity Forms، في طليعة السوق. لكن إضافات أحدث بدأت تظهر بميزات أفضل، ومن بينها WeForms.

weForms يأتي من WeDevs ، صناع WP User Frontend ، ولهذا السبب يجب عليك تجربة weForms لمشاريع إنشاء النماذج التالية:

لقد تم تصميمه للمستخدم العادي والعامة مما يجعله سهل الاستخدام للغاية. إنه سريع للغاية بفضل إطار عمل Vue.js. في الوقت نفسه ، تتمتع weForms بميزات مهمة ومتقدمة مثل تكامل الإنتاجية والتسويق عبر البريد الإلكتروني.

عرض WeForms

حصلتُ على نسخة مجانية من إصدار Personal Pro من weForms، ولكن هناك أيضًا نسخة مجانية تُقدّم جميع الأساسيات اللازمة لإنشاء نموذج اتصال على موقعك. سنشرح لك بعض ميزات الإضافة. weForms هو مُحرّر نماذج حديث مع العديد من التكاملات التي تُحسّن وظائفه.

إنشاء النموذج مع WeForms

بعض خصائصه العامة هي:

  • انقر على التنشيط
  • إنشاء نموذج سريع
  • المعاينة المباشرة في الوقت الحقيقي
  • نماذج متكاملة
  • السحب والإفلات منشئ

على الرغم من أنه مصمم ليكون سهل الاستخدام ، بحيث يمكن للمستخدم العادي أن يجد طريقه بسهولة ، إلا أنه ليس سهلاً. يعمل المكون الإضافي بسرعة كبيرة ويسهل فهمه ، ولكنه أيضًا قابل للتوسعة للغاية. WeForms مؤهل تمامًا لإنجاز المهام المتقدمة.

  • الحقول المتقدمة
  • تخصيص الحقول
  • المنطق المشروط
  • شكل متعدد الخطوات
  • متجاوب
  • استمارة التصدير / الاستيراد
  • تحميل الصورة والملف
  • تاريخ انتهاء الصلاحية
  • قيود الدخول
  • إعلامات البريد الإلكتروني المخصصة
  • إرسال صفحة عبر AJAX
  • إعلام عن طريق الرسائل القصيرة
  • تخصيص رسائل البريد الإلكتروني
  • MailChimp ، Paypal ، Slack ، والعديد من عمليات التكامل الأخرى

تضمن الواجهة البديهية ، التي تستخدم السحب والإفلات والقوالب المدمجة المجانية ، حصولك على كل ما تحتاجه. يمكن أيضًا استخدام weForms على الأجهزة المحمولة.

1 - التثبيت والمعلمات الأساسية

يعد تثبيت WeForms أمرًا سهلاً. كما هو الحال مع المكونات الإضافية الأخرى ، يمكنك تثبيته من WordPress.org أو تنزيل إصدار Pro وتثبيته بشكل منتظم.

2 - إنشاء النموذج الأول الخاص بك

لقد ذكرت بالفعل الكثير من الأشياء حول كيفية توفير الوقت في التصميم باستخدام WeForms. حان الوقت الآن لتوضيح ذلك.

بالنقر على "نماذج الاتصال"، ستنتقل إلى واجهة إدارة النماذج. من هذه الواجهة نفسها، يمكنك الوصول إلى واجهة إنشاء النماذج. ستجد هنا ثلاثة قوالب مدمجة لنموذج الاتصال، ونموذج الدعم، ونموذج تسجيل الفعالية.

شكل تصميم weForms.jpg

يمكنك أيضًا اختيار البدء باستخدام قالب مخصص / فارغ.

كما ستلاحظ ، لقد فعلنا weForms الكثير لتبسيط العملية باستخدام القوالب المحددة مسبقًا ، والتي يمكن تخصيصها أيضًا.

تظهر القوالب بالشكل الافتراضي:

نموذج الاتصال

نموذج الاتصال الصيغ weForms.jpg

استمارة المساعدة

استمارة تسجيل الفعالية

نموذج التسجيل لحدث weforms.jpg

في حالة اختيارك استخدام قالب فارغ ، فإليك كيفية إنشاء نموذج جديد باستخدام قالب فارغ.

إعدادات WeForms

تفتح علامة تبويب إعدادات النموذج عند فتح نموذج جديد من قوالب أو نموذج مخصص.

نموذج الاتصال مخصص weforms.jpg

هنا يمكنك الاختيار من القائمة المنسدلة لإعادة توجيه النموذج الخاص بك إلى نفس الصفحة عند إرسالها ، أو إلى صفحة مختلفة ، أو إلى عنوان URL مخصص.

هل تريد أن يكون لنماذجك عمر افتراضي ثابت؟ يمكنك القيام بذلك بسهولة من خلال قسم تقييد الإرسال، حيث يمكنك جدولة نموذجك، وطلب تسجيل الدخول من المستخدمين، وتقييد الإدخالات إلى عدد معين. الإعدادات سهلة التكوين.

التعديلات weforms wordpress.jpg

أخيرًا ، يمكنك أيضًا تحديد كيفية ظهور ملصقاتك.

تكوين التسمية weforms.jpg

باستخدام الإشعارات، يمكنك ضبط إعدادات البريد الإلكتروني بالكامل. يمنحك هذا تحكمًا كاملاً في مكان إرسال الإشعارات، بما في ذلك ما تريد إرساله.

تكوين الإخطارات عن طريق email.jpg

حقول ويفورمز

من أهم أجزاء أداة إنشاء WeForms وظيفتها في المعاينة المباشرة وسحب العناصر وإفلاتها. للبدء ، قم بسحب وإفلات الحقل الذي تريده في النموذج الخاص بك. أعد ترتيبها كما تريد. أثناء إجراء التغييرات ، سيتغير المولد الديناميكي وفقًا لذلك عند التحرير. يمنحك هذا معاينة تلقائية للشكل الذي سيبدو عليه النموذج للمستخدمين. تفي العملية بالوعد بأن تكون سهلة الاستخدام.

في الوقت الحقيقي تحرير شكل weforms.jpg

يمكنك أيضًا تخصيص كل حقل بالطريقة التي تريدها باستخدام CSS المخصص. تعني القدرة على التخصيص أن إجراء تغييرات على الحقول الخاصة بك يمكن أن يغير المظهر العام للنموذج إلى الأفضل. يمكنك ربطه بموقعك على الويب أو تمييز عناصر محددة. حقول WeForms هي:

  • الاسم الشخصي
  • نص
  • مربع نص
  • قائمة منسدلة
  • اختيار متعددة
  • راديو
  • مربع
  • URL
  • عنوان البريد الإلكتروني
  • حقل مخفي
  • تحميل الصورة
  • المجال المتكرر
  • التاريخ / الوقت
  • تحميل الملفات
  • قائمة البلدان
  • مجال رقمي
  • حقل العنوان
  • ستيب ستارت
  • خريطة جوجل
  • فصل القسم
  • HTML مخصص
  • اختبار ReCAPTCHA
  • رمز صغير
  • شروط ترمس وآخرون
  • ربط العمل
  • تصنيفات

3 - نشر استمارة

تعتبر عملية إرسال نموذج ونشره مباشرة عملية مباشرة. مثل معظم المكونات الإضافية الأخرى ، عليك فقط نسخ الرمز القصير الموجود أعلى النموذج بالنقر فوقه. يمكنك الآن نشر هذا على صفحة جديدة أو في مقالاتك.

نشر نموذج weforms.jpg

هذا مثال. مع weForms ، سيكون لديك واجهة مشابهة لما يلي.

مثال النموذج wpeforms.jpg

هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بالتعرف على الميزات المختلفة للمكوِّن الإضافي WeForms.