كيفية إنشاء نموذج متعدد الخطوات أو متعدد الصفحات

هل تريد إنشاء نموذج متعدد الخطوات أم تريد إنشاء نموذج متعدد الصفحات في WordPress؟ هذه دروس ووردبريس يشرح لك كل شيء ?

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

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

ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا. 

ولكن ، لماذا تستخدم نماذج متعددة الصفحات في WordPress؟

لماذا تضيف نموذج متعدد الصفحات في ووردبريس؟

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

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

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

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

كيفية إنشاء نموذج متعدد الصفحات في WordPress

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

أفضل ما في الأمر ، أنه يحتوي على إصدار مجاني ومدفوع ، ولكننا سنستخدم اليوم إصدار Pro من WPForms لإنشاء نموذج متعدد الصفحات في WordPress.

اقرأ أيضا دليلنا على كيفية تخصيص نماذج WPForms باستخدام Elementor

لنبدأ بالخطوة الأولى ، وهي إنشاء نموذج جديد.

الخطوة 1: قم بإنشاء نموذج جديد في WordPress

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

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

اذهب إلى القائمة WPForms -> إضافة لإنشاء نموذج جديد وعرض القوالب المتاحة.

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

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

كما ترى فإن النموذج فارغ ، لذلك سنبدأ في سحب الحقول إليه. سنقوم بإسقاط الحقول التالية: 

• الاسم
• البريد الإلكتروني
• تعليق أو رسالة

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

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

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

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

الآن بعد أن عرفت كيفية البدء ، دعنا نتعلم كيفية تقسيم النموذج إلى أجزاء.

الخطوة 2: قسّم النموذج إلى أجزاء

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

للقيام بذلك ، انظر تحت رأس الحقول المتطورة واسحب حقل النموذج فاصل صفحة في اللوحة اليمنى.

قم بإسقاط الحقل في النموذج حيث تريد تقسيمه.

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

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

الخطوة 3: تخصيص شريط تقدم النموذج الخاص بك

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

تأتي WPForms مع 3 أشرطة مختلفة لمؤشرات التقدم للنماذج متعددة الصفحات وهي كالتالي:

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

لتغيير شريط التقدم وعنوان الصفحة للصفحة الأولى للنموذج متعدد الصفحات ، انقر فوق الحقل أول فاصل صفحة.

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

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

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

للقيام بذلك ، انقر فوق الزر التالي  من صفحتك ، يمكنك تعديل تسمية الزر في العمود الأيسر.

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

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

الخطوة 4: قم بتحرير إعدادات النموذج الخاص بك

الآن دعنا ننتقل إلى تغيير إعدادات النموذج الخاص بك. للقيام بذلك ، انتقل إلى الإعدادات -> عام.

في هذا القسم ، يمكنك ضبط الخيارات التالية:

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

عندما يتم تكوين الإعدادات الخاصة بك ، انقر فوق سجّل.

الخطوة 5: قم بتعيين إشعارات النموذج

إعدادات التنبيه في WPForms ، إرسال بريد إلكتروني عند تقديم نموذج على موقع WordPress الخاص بك.

يمكنك العثور على إعدادات الإخطار بالنقر فوق الإعدادات -> الإخطارات.

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

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

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

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

الخطوة 6: قم بتعيين رسالة تأكيد النموذج الخاص بك

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

هناك 3 أنواع من رسائل التأكيد في WPForms وهي:

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

لتكوين رسالة التأكيد الخاصة بك ، انقر فوق الإعدادات -> التأكيد.

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

الآن قم بتخصيص نص الرسالة وفقًا لاحتياجاتك وانقر فوق سجّل عندما تكون راضيًا.

أنت الآن جاهز لإضافة النموذج الخاص بك إلى WordPress.

الخطوة 7: أضف النموذج الخاص بك إلى WordPress

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

دعونا نرى كيفية إضافة النموذج متعدد الصفحات الخاص بك إلى صفحة WordPress.

للبدء ، انتقل إلى منطقة إدارة WordPress الخاصة بك وانقر فوق الصفحات -> إضافة.

ثم انقر فوق رمز علامة الجمع في محرر WordPress لإضافة كتلة محتوى جديدة. في حقل البحث ، اكتب WPForms للعثور عليه بسهولة.

انقر الآن على كتلة WPForms لإضافته إلى صفحتك.

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

بمجرد تحديد النموذج متعدد الصفحات ، سيظهر على صفحتك.

وهذا كل شيء ! لقد تعلمت كيفية إنشاء نموذج متعدد الصفحات.

الموارد الأخرى الموصى بها

ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.

• باستخدام مختلف الخلفيات وورد
• كيفية إدارة عناوين URL لصور مدونة WordPress الخاصة بك
• كيفية تكوين كندي CloudFlare لوورد الخاص بك بلوق
• حيل PayPal: كيف تتعرف عليها؟

وفي الختام

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

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

ولكن ، في هذه الأثناء ، لا تنس أن تترك لنا ملف تعليقات والاقتراحات في قسم مخصص.

...