6 أفضل ملحقات WordPress Builder Form Builder في عام 2022

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

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

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

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

# 1 - المنسق

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

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

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

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

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

# 2 - أشكال النينجا

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

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

فيما يلي عرض توضيحي لواجهة المستخدم لنموذج Contact Me الافتراضي:

يمكنك النقر نقرًا مزدوجًا فوق الفيديو للحصول على معاينة ملء الشاشة!

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

النسخة المجانية لا تذهب أبعد من ذلك بكثير. ومع ذلك ، إذا التزمت باستخدام Ninja Forms بانتظام ، فلديهم دليل إضافي شامل. تتراوح هذه الوظائف الإضافية (الامتدادات) من أشياء مثل تحميلات الملفات إلى عمليات تكامل PayPal وغير ذلك الكثير.

# 3 - Form Maker بواسطة 10Web

عندما أرى المطورين يعملون على تقديم عينات لما يمكن أن يفعله منتجهم ، أعلم دائمًا أنني سأنتهي بتجربة مستخدم جيدة. كان هذا هو الحال عند تجربة مصمم النماذج من الأشخاص في 10Web. عند تثبيت المكون الإضافي ، ستتمكن من الانتقال إلى Form Maker -> Forms ، التي تحتوي على 5 قوالب نماذج مسبقة الصنع.

تشمل هذه القوالب:

• اتصل بنا
• قائمة العملاء
• نموذج الملاحظات
• مسح الأعمال
• نموذج طلب المنتج

وعلى الرغم من كونها نماذج "نموذجية" ، إلا أنها مصممة جيدًا تمامًا.

فيما يلي عرض لنموذج طلب المنتج :

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

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

# 4 - نماذج فلو

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

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

• متوافق مع الجوال. يعمل ويظهر بشكل رائع على الأجهزة المحمولة وأجهزة سطح المكتب على حدٍ سواء.
• إدخالات. يتم تخزين جميع عمليات إرسال النماذج في لوحة معلومات WordPress الخاصة بك لسهولة الوصول إليها.
• اللائحة العامة لحماية البيانات. يدعم مربعات الاختيار المخصصة لسياسة الخصوصية وموافقة المستخدم.
• الشرط. يمكنك تمكين المنطق الشرطي لكل حقل إدخال على حدة.
• تأكيد. سيحصل المستخدمون على بريد إلكتروني للتأكيد على إرسال النموذج بنجاح.

إذا قررت الترقية ، فسيتم فتح Flo Forms بمزيد من الميزات الرائعة.

مثل القوالب والخطوط المخصصة ، وإدارة الملفات ، وحفظ تصميماتك المخصصة ، والتكامل مع أدوات الطرف الثالث.

# 5 - نموذج الاتصال من Supsystic

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

تم تصميم نموذج الاتصال من Supsystic خصيصًا لنماذج الاتصال . ومع ذلك ، فإن هذا المكون الإضافي يحزم مجموعة متنوعة بشكل مدهش من الميزات على الرغم من كونه محسنًا لحالة استخدام واحدة. لأحدها ، سيكون لديك وصول إلى 10 تصميمات مختلفة للأشكال. بمجرد تحديد السمة التي تريدها ، سيعيد المكون الإضافي توجيهك إلى المنشئ المرئي ، الذي يحتوي على أكثر من 100 خيار تخصيص.

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

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

# 6 - نماذج الاشتراك

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

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

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

ملخص

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

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