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

هل تريد إنشاء نموذج WordPress باستخدام منتقي التاريخ؟

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

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

لماذا تقوم بإنشاء نموذج WordPress باستخدام منتقي التاريخ؟

يعد حقل منتقي التاريخ في نموذج WordPress مفيدًا عندما تريد من المستخدمين إدخال التواريخ. تشمل الأمثلة الشائعة ما يلي:

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

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

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

الخطوة 1: قم بتثبيت البرنامج المساعد WPForms واختيار القالب

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

للحصول على تعليمات تفصيلية، قد ترغب في الاطلاع على دليلنا خطوة بخطوة حول كيفية تثبيت مكون WordPress الإضافي.

عند التنشيط، توجه إلى WPForms »إضافة صفحة جديدة من لوحة تحكم WordPress الخاصة بك.

سيوجهك هذا إلى صفحة “تحديد قالب”.

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

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

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

بمجرد تحديد اختيارك، ما عليك سوى النقر فوق الزر “استخدام القالب”.

الخطوة 2: أضف حقل منتقي التاريخ إلى نموذج WordPress الخاص بك

ستصل الآن إلى أداة إنشاء النماذج WPForms. ستلاحظ خيارات الحقل في العمود الأيسر ومعاينة النموذج على الجانب الأيمن من الشاشة.

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

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

ما عليك فعله هو التمرير لأسفل إلى قسم Fancy Fields في العمود الأيسر، حيث سترى حقل “التاريخ / الوقت”.

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

بمجرد الانتهاء من ذلك، انقر فوق حقل “التاريخ/الوقت” لتحريره. سيؤدي هذا إلى فتح علامة التبويب “خيارات الحقل” على الجانب الأيسر من شاشتك.

من هنا، يمكنك تغيير تسمية الحقل، والتي تكون القيمة الافتراضية هي “التاريخ / الوقت”. سنستخدم “الوقت المفضل للمكالمة الهاتفية” في مجالنا.

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

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

أخيرًا، يمكنك تحديد المربع “مطلوب” إذا كنت تريد جعل هذا الحقل إلزاميًا. وهذا يعني أنه سيتعين على المستخدم تحديد التاريخ والوقت قبل أن يتمكن من إرسال النموذج.

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

الخطوة 3: تكوين الخيارات المتقدمة لمنتقي التاريخ والوقت

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

سيتم تحديد التاريخ الحالي، ولكن يمكن للمستخدم تغييره لاختيار تاريخ مختلف. تنسيق التاريخ هو شهر/يوم/سنة.

وفي الوقت نفسه، تكون القائمة المنسدلة للوقت افتراضيًا على مدار 12 ساعة مع فواصل زمنية مدتها 30 دقيقة.

يمكن للمستخدمين بعد ذلك اختيار الفترة الزمنية التي تناسبهم بشكل أفضل.

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

للقيام بذلك، سيتعين عليك التبديل إلى علامة التبويب “خيارات متقدمة” الموجودة أعلى اللوحة الموجودة على الجانب الأيسر.

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

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

إليك ما تبدو عليه القائمة المنسدلة للتاريخ:

أدناه، يمكنك تغيير تنسيق التاريخ من شهر/يوم/سنة (31/1/2024) إلى يوم/شهر/سنة (31/1/2024) أو يوم شهر، سنة (31 يناير 2024).

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

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

لا تتردد أيضًا في تعطيل التواريخ الماضية لمنع تحديد التواريخ السابقة.

بعد ذلك، دعنا ننتقل إلى قسم “الوقت” لتغيير منتقي الوقت.

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

يتم ضبط منتقي الوقت افتراضيًا على نظام 12 ساعة، ولكن يمكنك تبديل ذلك إلى نظام 24 ساعة إذا كنت تفضل ذلك.

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

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

أخيرًا وليس آخرًا، يمكنك إخفاء تسمية حقل النموذج و/أو التسمية الفرعية إذا لزم الأمر.

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

الخطوة 4: تضمين نموذج WordPress على موقع الويب الخاص بك

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

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

أضف كتلة WPForms إلى صفحة موجودة أو جديدة

لإدراج النموذج في صفحة موجودة، انقر فوق الزر “تحديد الصفحة الموجودة”. بعد ذلك، حدد إحدى الصفحات الموجودة لديك بالفعل على مدونة WordPress أو موقع الويب الخاص بك وانقر فوق “Let’s Go!”

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

ثم قم بتسمية صفحتك الجديدة، ثم انقر فوق “Let’s Go!”

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

أولاً، انقر فوق الزر “+” لإضافة كتلة.

ثم اكتب “WPForms” في شريط بحث الكتلة.

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

كل ما عليك فعله الآن هو النقر على القائمة المنسدلة.

ثم حدد النموذج الذي قمت بإنشائه للتو.

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

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

يمكنك الآن النقر فوق الزر “تحديث” أو “نشر” لنشر النموذج على موقع الويب الخاص بك.

يجب أن يبدو مثل هذا على موقع WordPress الخاص بك:

إذا كنت تريد إدراج النموذج في منشور بدلاً من صفحة، فيمكنك إنشاء منشور جديد أو فتح منشور موجود في محرر الكتلة.

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

قم بإضافة كتلة WPForms إلى منطقة جاهزة للأدوات

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

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

للقيام بذلك، ما عليك سوى الانتقال إلى المظهر » الأدوات من منطقة إدارة WordPress. بعد ذلك، انتقل إلى المنطقة الجاهزة للأداة التي تريدها وانقر فوق الزر الأبيض “+” لإضافة كتلة بداخلها. بعد ذلك، يمكنك البحث عن كتلة WPForms.

إذا رأيت خيارين، فيمكنك اختيار أحدهما لأن كلاهما يفعل نفس الشيء.

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

بمجرد أن تكون راضيًا عن التعديلات، ما عليك سوى النقر فوق الزر “تحديث”.

هذا كل شيء!

إليك ما يبدو عليه النموذج الخاص بنا في أسفل منشور مدونة WordPress:

قم بتضمين نموذج WordPress الخاص بك باستخدام رمز قصير

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

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

لمزيد من المعلومات حول كيفية استخدام الرموز القصيرة، اقرأ مقالتنا حول كيفية إضافة رمز قصير في WordPress.

النصائح النهائية لتحسين نموذج WordPress الخاص بك

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

• أرسل رسائل تأكيد بالبريد الإلكتروني إلى مقدمي النماذج – بهذه الطريقة، سيتلقى المستخدمون إشعارًا بأنك قد تلقيت إدخالهم بنجاح، ولن ينسوا التاريخ أو الوقت الذي اختاروه.
• اقبل المدفوعات عبر الإنترنت في النماذج الخاصة بك – يدعم WPForms بوابات الدفع الشائعة مثل Stripe وPayPal وSquare وAuthorize.net. يمكنك تحصيل دفعات لمرة واحدة أو دفعات متكررة، ولا توجد رسوم معاملات إضافية.
• اجعل نماذجك الأطول تحادثية – إذا كان لديك نموذج تسجيل حدث أو مستخدم يحتاج إلى التقاط الكثير من المعلومات، فإن جعله تحادثيًا يمكن أن يزيد من معدل إكمال النموذج.
• منع البريد العشوائي في نماذج الاتصال – يمكنك تمكين الحماية المضمنة ضد البريد العشوائي في WPForms ومربع الاختيار reCAPTCHA لتصفية إدخالات النماذج غير المرغوب فيها.

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