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

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

في هذا البرنامج التعليمي سوف نلقي نظرة على البرنامج المساعد الجديد لتصميم النموذج  Forminator. هذه أداة مجانية الكل في واحد لـ  WPMU DEV  والذي يسمح لك بإنشاء أي نوع من عناصر النموذج تقريبًا. سنلقي نظرة فاحصة على المكون الإضافي أثناء العمل ونناقش ما إذا كان يجب عليك تجربته أم لا.

دعنا نتحدث عن الأشكال!

ما الذي يجعل الأشكال الأساسية لموقع الويب الخاص بك

عندما تحتاج إلى إدخال البيانات على موقع ويب أو تطبيق، عادةً ما تقوم بذلك من خلال نموذج. تأتي هذه بأشكال وأحجام عديدة وتتضمن عدة أنواع مختلفة من "الحقول".

من الأمثلة التقليدية على ذلك نموذج الاتصال القياسي، الذي يتكون عادةً من حقول نصية فقط. مع ذلك، يمكنك أيضًا تضمين قوائم منسدلة، وحقول أزرار اختيار، والعديد من الخيارات الأخرى.

تستخدم جميع مواقع الويب تقريبًا النماذج بطريقة أو بأخرى ، مما يجعلها عنصرًا أساسيًا. على هذا النحو ، من المهم أن يكون لديك أداة تسمح لك بإنشاء أنواع متعددة من النماذج وخيارات التخصيص.

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

مقدمة إلى البرنامج المساعد Forminator

البرنامج المساعد Forminator هي الأداة الأخيرة من  WPMU DEV. قد تعرفهم كفريق وراء العديد من المكونات الإضافية الشائعة الأخرى ، مثل طائر الطنان , WP سجل سماش et  العرف قوائم جانبية .

ما يميز هذا النموذج الإضافي هو مستوى نهايته ، كما هو المعيار لأدوات WPMU DEV. يوفر Forminator محررًا " سحب وإسقاط مما يسمح لك بإنشاء أنواع كثيرة من النماذج ، بما في ذلك نماذج الاتصال والاستبيانات وحتى الاستبيانات.

بالإضافة إلى ذلك ، يتكامل المكون الإضافي مع العديد من خدمات الجهات الخارجية ، مثل Google Sheets و Zapier و Trello و MailChimp و AWeber. من الناحية العملية ، هذا يعني أنه يمكنك استخدام Forminator لجمع البيانات ورسائل البريد الإلكتروني وتقريباً أي نوع آخر من المعلومات يمكنك تخيله.

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

البرنامج المساعد المنسق في العمل

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

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

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

للمتابعة ، فإن إضافة نموذج جديد باستخدام المكون الإضافي Forminator أمر بسيط. كل ما عليك فعله هو التنقل من خلال  استمارات طلب خدمة  وانقر على الزر إنشاء (إنشاء). يمكنك أيضًا النقر فوق  المستورد لاستيراد النماذج من مواقع أخرى:

بمجرد النقر فوق  خلق ، سترى منشئًا يمكنك من خلاله بناء نموذجك. على اليمين ، سترى قائمة بجميع الحقول التي يمكنك إضافتها:

لإضافة عنصر تحكم ، ما عليك سوى سحبه إلى الجزء الأيسر من المحرر:

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

إذا قمت بالنقر فوق علامة التبويب الإعدادات متقدم، يمكنك إضافة فئة CSS مخصصة إلى الحقل المعني. تجدر الإشارة إلى أن البرنامج المساعد يسمح لك بتحديد المنطق الشرطي لحقولك ، مما يفتح لك عالمًا كاملاً من خيارات المرح:

بمجرد أن يصبح النموذج جاهزًا ، يمكنك معاينته باستخدام زر أعلى شاشة المحرر:

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

بمعنى آخر ، يمكنك تقريبًا تغيير أي جانب من جوانب تصميم النموذج الخاص بك. هذا يضمن أنه يمكنك استخدام المكون الإضافي Forminator لإنشاء نماذج تطابق أي سمة تقريبًا.

بالإضافة إلى نماذج الاتصال ، يسمح لك المكون الإضافي أيضًا بإنشاء استبيانات واستطلاعات رأي. لإنشاء استطلاعات رأي جديدة ، كل ما عليك فعله هو طرح سؤال وتقديم إجابات محتملة:

عند إنشاء استبيان ، يمكنك أيضًا تحديد نوعه والاختيار من  لا توجد إجابة غير صحيحة  et  معرفة. يشير الأخير إلى الاختبارات التي تختبر المستخدم لتقديم الإجابة الصحيحة ، بينما يتعلق الأول بالأسئلة التي لا توجد إجابة صحيحة عنها ، مثل الاستطلاعات:

لاختبار لدينا ، اخترنا  لا إجابة خاطئة. في هذه المرحلة ، يمكنك تعيين اسم اختبار وإضافة صورة مميزة وتقديم وصف:

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

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

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

من الذي يجب أن يفكر في استخدام المكون الإضافي Forminator؟

لا يوجد نقص في المكونات الإضافية المتعلقة بالنموذج لـ WordPress. على سبيل المثال ، إذا كنت تريد تحديد نماذج الاتصال ، فلديك الاتصال 7 نموذج,   أشكال كالديرا وأشياء أخرى. إذا كنت تبحث عن مكونات إضافية لمساعدتك في إنشاء اختبارات أو استطلاعات للرأي ، فيمكنك المحاولة مسابقة والتحقيق الرئيسي ou تجمع استجابة.

هذه مجرد أمثلة قليلة مثيرة للاهتمام ، لكن القليل جدًا من المكونات الإضافية تقدم نفس التنوع مثل Forminator. مع هذا البرنامج المساعد ، تحصل على حل شامل لأي شيء يتضمن النماذج. بالإضافة إلى ذلك ، فهو مجاني بنسبة 100٪ ، وهو أمر جيد دائمًا. هذا يجعل Forminator اختيارًا جيدًا ، خاصة إذا كنت تخطط لتصميم شيء أكثر تعقيدًا من نماذج الاتصال القياسية.

خاتمة

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