كيفية إنشاء نموذج متعدد الخطوات في WordPress؟

نشرت: 2020-07-24

النموذج متعدد الخطوات هو نموذج طويل مقسم إلى أجزاء / خطوات متعددة لتسهيل إكمال النماذج الطويلة.

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

كيفية إنشاء نموذج متعدد الخطوات في WordPress؟

بادئ ذي بدء ، سيتعين عليك التأكد من تثبيت WPForms على موقع WordPress الخاص بك.

الآن ، انتقل إلى WPForms » إضافة جديد لإنشاء نموذج جديد.

في هذا الدليل ، سوف أقوم بإنشاء نموذج اتصال بسيط.

أنا متأكد من أنك في علامة تبويب إعداد النموذج .

الآن ، قم بتسمية النموذج الخاص بك وحدد النموذج الذي تريد استخدامه.

قالب نموذج الاتصال البسيط
إنشاء جهة اتصال بسيطة من خلال استخدام ملحق WPForm

هنا ، أقوم باختيار قالب نموذج الاتصال البسيط .

سيقوم WPForms بإنشاء نموذج اتصال بسيط في أداة السحب والإفلات.

نموذج اتصال بسيط باستخدام WPForms
نموذج اتصال بسيط باستخدام WPForms

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

احصل على ملحق WPForms

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

الخطوة التالية هي تقسيم النموذج إلى أجزاء مختلفة

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

تم العثور على حقل فاصل الصفحة تحت الحقول الفاخرة ، أسفل الحقول القياسية مباشرةً.

حقل خيالي لكسر الصفحة في WPForms
حقل خيالي لكسر الصفحة في WPForms

ضع الحقل حيث تريد تقسيم النموذج.

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

للمضي قدمًا ، حان الوقت لتخصيص شريط التقدم

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

لتسهيل الأمر ، يحتوي WPForms على ثلاثة أشرطة مؤشر مختلفة بنمط شريط التنقل:

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

لتخصيص شريط التقدم ، تحتاج إلى النقر فوق قسم فاصل الصفحة الأولى .

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

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

قسم فاصل الصفحة الثانية في wpforms
قسم فاصل الصفحة الثانية في wpforms

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

عرض زر الصفحة السابقة في فاصل صفحة wpform
عرض زر الصفحة السابقة في فاصل صفحة wpform

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

بمجرد الانتهاء ، انقر فوق حفظ .

حان الوقت لتكوين إعدادات النموذج

من علامة التبويب " الإعدادات " ، انتقل إلى " عام ".

إعدادات النموذج العامة في WPForms
إعدادات النموذج العامة

يمكنك تكوين:

  • اسم النموذج: يمكنك تغيير اسم النموذج الخاص بك هنا.
  • وصف النموذج: يمكنك إضافة وصف للنموذج الخاص بك.
  • إرسال نص الزر: قم بتخصيص النسخة على زر الإرسال.
  • منع البريد العشوائي: أوقف البريد العشوائي في نموذج الاتصال باستخدام ميزة honeypot أو Google reCAPTCHA.

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

  • نماذج AJAX: قم بتمكين إعدادات AJAX بدون إعادة تحميل الصفحة.
  • تحسينات القانون العام لحماية البيانات (GDPR): يمكنك تعطيل تخزين معلومات الإدخال وتفاصيل المستخدم ، مثل عناوين IP ووكلاء المستخدم ، للامتثال لمتطلبات القانون العام لحماية البيانات (GDPR).

بمجرد الانتهاء ، انقر فوق حفظ .

دعنا ننتقل إلى تكوين إعلامات النموذج

من هذا القسم ، يمكنك اختيار ما إذا كنت تريد تلقي إشعار بإدخال جديد (إرسال المستخدم).

إخطارات النموذج
إدارة إخطارات النموذج

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

تتضمن الخطوة التالية إعداد تأكيد النموذج

تأكيدات النموذج هي رسائل شكر تظهر للزائرين بعد إرسال النموذج. يضمنون للزوار معالجة النموذج الخاص بهم.

يحتوي WPForms على ثلاثة أنواع تأكيد للاختيار من بينها:

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

للبدء ، انقر فوق علامة التبويب التأكيد . الآن ، حدد نوع التأكيد من القائمة المنسدلة. هنا ، سأختار نوع الرسالة.

إدارة تأكيد WPForms
إدارة تأكيد WPForms

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

بمجرد الانتهاء ، انقر فوق حفظ .

الآن ، أنت جاهز تمامًا لإضافة النموذج الخاص بك إلى موقع الويب الخاص بك

للبدء ، أنشئ صفحة جديدة أو انشر من موقع WordPress الخاص بك. بعد ذلك ، انقر داخل الكتلة الأولى ، وابحث عن WPForms ، وحدد أيقونة WPForms .

تضمين WPForms في صفحة WordPress
تضمين WPForms في صفحة WordPress

ستظهر أداة WPForms داخل الكتلة الخاصة بك. انقر فوق القائمة المنسدلة WPForms واختر أيًا من النماذج التي قمت بإنشائها بالفعل.

حدد نموذجًا لتضمينه من القائمة المنسدلة WPForms
حدد نموذجًا لتضمينه من القائمة المنسدلة WPForms

انشر منشورك أو صفحتك حتى يظهر نموذج الاتصال الخاص بك على موقع الويب الخاص بك.

هذا هو. هذه هي الطريقة التي يمكنك بها إنشاء نماذج متعددة الخطوات بسهولة في WordPress باستخدام المكون الإضافي WPForms.