مقدمة للمكوِّن الإضافي المُعدِّل (وكيف يعمل)

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

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

لنتحدث عن النماذج!

ما الذي يجعل النماذج ضرورية لموقع الويب الخاص بك

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

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

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

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

مقدمة للمكوِّن الإضافي Forminator

المكون الإضافي Forminator هو أحدث أداة من WPMU DEV. قد تعرفهم كفريق وراء العديد من المكونات الإضافية الشائعة الأخرى ، مثل Hummingbird و WP Smush و Custom Sidebars.

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

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

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

المكون الإضافي للمنسق قيد التشغيل

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

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

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

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

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

لإضافة حقل ، عليك ببساطة سحبه إلى الجانب الأيسر من المحرر:

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

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

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

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

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

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

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

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

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

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

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

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

لا يوجد نقص في المكونات الإضافية المتعلقة بالنموذج لـ WordPress. على سبيل المثال ، إذا كنت ترغب في تعيين نماذج الاتصال ، فلديك نموذج الاتصال 7 ونماذج Caldera والمزيد. إذا كنت تبحث عن مكونات إضافية لمساعدتك في إنشاء اختبارات أو استطلاعات للرأي ، فيمكنك بدلاً من ذلك تجربة Quiz و Survey Master أو الاستطلاعات المستجيبة.

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

استنتاج

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

هل هناك ميزة معينة ترغب في رؤية المزيد من نماذج المكونات الإضافية التي تتضمنها؟ دعنا نتحدث عنها في قسم التعليقات أدناه!

الصورة المصغرة للمادة بواسطة جين كيلي / shutterstock.com