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

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

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

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

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

لماذا إضافة نموذج تسجيل مستخدم مخصص في ووردبريس؟

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

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

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

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

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

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

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

كيفية إنشاء نموذج تسجيل مستخدم مخصص في ووردبريس

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

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

للمزيد من المعلومات، يرجى مراجعة WPForms.

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

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

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

يمكنك الحصول على هذا المفتاح من حسابك على موقع WPForms.

بمجرد التحقق من المفتاح، ستحتاج إلى زيارة صفحة WPForms » Addons من لوحة تحكم ووردبريس.

من هنا، ابحث عن ‘User Registration Addon’ ثم انقر على زر ‘Install Addon’ أسفلها.

سيقوم WPForms الأن بتثبيت وتفعيل User Registration Addon على موقع ووردبريس الخاص بك. ستلاحظ تغير حالة الامتداد إلى ‘Active’ عند تثبيتها.

أنت الأن جاهز لإنشاء نموذج تسجيل المستخدم المخصص الخاص بك.

للقيام بذلك، قم بزيارة صفحة WPForms » Add New من الشريط الجانبي للمسؤول.

سيؤدي هذا إلى توجيهك إلى صفحة ‘Select a Template’، حيث يمكنك البدء بكتابة اسم للنموذج الذي تنوي إنشائه.

بمجرد قيامك بذلك، ما عليك سوى تحديد تمبلت ‘User Registration Form’ والنقر فوق الزر ‘Use Template’ الموجود أسفله.

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

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

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

تتيح لك الإضافة أيضًا تعديل كل حقل في النموذج. للقيام بذلك، انقر ببساطة على أي حقل في النموذج، وستظهر لك ‘Field Options’ في العمود الأيمن.

من هنا، يمكنك تغيير تسمية الحقل، وتعديل تنسيقه، وإضافة وصف، وإعداد التنسيق الشرطي، وتغيير الحقل إلى ‘required’، والمزيد.

بمجرد الانتهاء، لا تنس النقر على زر ‘Save’ لتخزين إعداداتك.

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

إضافة حقول مخصصة في نموذج تسجيل المستخدم المخصص

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

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

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

أولًا، عليك تثبيت وتفعيل إضافة Advanced Custom Fields. لمزيد من التفاصيل، قد ترغب في الاطلاع على دليل المبتدئين حول كيفية تثبيت إضافة ووردبريس.

بعد تفعيل الإضافة، توجه إلى صفحة ACF » Field Groups من الشريط الجانبي لإدارة ووردبريس. هنا، انقر على زر ‘+ Add Field Group’.

سينقلك هذا إلى صفحة ‘Add New Field Group’، حيث يمكنك البدء بكتابة عنوان لها.

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

بعد ذلك، انتقل للأسفل إلى القائمة المنسدلة ‘Field Type’ واختر نوع للحقل المخصص. يمكنك تحديد نص، وأرقام، وصور، وملفات، ومربعات اختيار، وعناوين URL، وكلمات مرور، وغيرها الكثير.

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

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

ستلاحظ أن اسم الحقل سيتم إنشاؤه تلقائيًا عند إدخال تسمية الحقل، ولكن يمكنك تحريره.

بعد ذلك، انتقل إلى علامة تبويب ‘Validation’ من قسم ‘Label’. هنا، يمكنك تفعيل خيار ‘Required’ لجعل ملء هذا الحقل المخصص إلزاميًا قبل إرسال النموذج.

يمكنك أيضًا تحديد حد أقصى لعدد الأحرف في الحقل من هنا.

بمجرد الانتهاء من ذلك، انتقل إلى علامة التبويب ‘Presentation’ من الأعلى.

يمكنك الأن إضافة تعليمات للمؤلفين، ونص بديل للحقل، وسمات الغلاف، والمزيد.

بعد ذلك، يمكنك أيضًا إضافة منطق شرطي إلى الحقل المخصص الذي تنشئه بالانتقال إلى علامة تبويب ‘Conditional Logic’ من الأعلى.

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

بما أننا نريد أن يظهر هذا الحقل لجميع ملفات تعريف المستخدمين، فسيتعين علينا تحديد خيار ‘User Role’ من القائمة المنسدلة على اليمين.

بعد ذلك، اترك القائمة المنسدلة في المنتصف كما هي، ثم اختر خيار ‘الكل’ من القائمة المنسدلة على اليسار.

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

بعد ذلك، انتقل إلى علامة التبويب ‘Group Settings’ من الأعلى.

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

بمجرد الانتهاء من ذلك، يمكنك أيضًا إضافة حقول مخصصة أخرى إلى مجموعة الحقول بالنقر فوق الزر ‘Add Field’ في أعلى الصفحة.

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

ضع في اعتبارك أن جميع الحقول التي تقوم بإنشائها ستكون جزءًا من نفس مجموعة الحقول.

بعد الانتهاء، لا تنسَ النقر على زر ‘Save Changes’ في الأعلى لحفظ إعداداتك.

لقد قمت الأن بنشر مجموعة المجال الخاصة بك بنجاح.

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

هنا، ستشاهد الحقول المخصصة المضافة في أسفل صفحة الملف الشخصي.

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

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

للقيام بذلك، قم بزيارة صفحة WPForms » All Forms من لوحة تحكم ووردبريس. بعد ذلك، انقر فوق رابط ‘Edit’ الموجود أسفل نموذج تسجيل المستخدم الذي قمت بإنشائه وحفظه مسبقًا.

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

في هذا المثال، نضيف حقل ‘Website/URL’ إلى نموذجنا.

بعد إضافة حقل Website/URL، انقر عليه لفتح خصائص الحقل في العمود الأيمن.

الأن، قم بالمضي قدمًا وتغيير تسمية الحقل من Website/URL إلى اسم مجموعة الحقول التي قمت بإنشائها.

يمكنك أيضًا إضافة وصف للحقل، إن أردت.

بعد ذلك، لا تنس النقر على زر ‘Save’ لحفظ النموذج الخاص بك.

بعد ذلك، ستحتاج إلى النقر فوق زر ‘Settings’ في الزاوية اليسرى للوصول إلى إعدادات النموذج المتقدمة وتعيين الحقل. في صفحة الإعدادات، انقر فوق علامة التبويب ‘User Registration’.

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

ستلاحظ أن WPForms سيقوم تلقائيًا بربط حقولك الافتراضية مثل الاسم والبريد الإلكتروني وكلمة المرور وغيرها.

من هنا، اختر خيار اسم مجموعة الحقول الخاصة بك من القائمة المنسدلة أسفل خيار ‘Website’.

بعد ذلك، قم بالتمرير لأسفل إلى قسم ‘Custom User Meta’.

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

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

وأخيرًا، انقر فوق زر ‘Save’ الموجود في الزاوية اليسرى العليا من الشاشة لحفظ إعداداتك.

إضافة نموذج تسجيل المستخدم المخصص الخاص بك في ووردبريس

يجعل WPForms إضافة النماذج إلى منشورات ووردبريس والصفحات وويدجات الشريط الجانبي أمرًا بسيطًا للغاية.

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

بعد ذلك، انقر على زر ‘إضافة كتلة’ (+) في الزاوية العلوية اليمنى لفتح قائمة الكتل.

من هنا، حدد كتلة WPForms وأضفها إلى الصفحة/المنشور.

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

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

أضف نموذج تسجيل المستخدم المخصص إلى الشريط الجانبي

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

سيؤدي هذا إلى فتح قائمة الكتلة التي يمكنك من خلالها إضافة كتلة WPForms إلى علامة تبويب الشريط الجانبي في صفحة ‘الويدجات’.

بعد ذلك، ما عليك سوى تحديد نموذج تسجيل المستخدم من القائمة المنسدلة في كتلة WPForms.

بعد الانتهاء، لا تنسَ النقر على زر ‘تحديث’ لحفظ إعداداتك.

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

أضف نموذج تسجيل المستخدم المخصص في محرر الموقع الكامل

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

بمجرد وصولك إلى هناك، انقر فوق الزر ‘إضافة كتلة’ (+) في الزاوية اليمنى العليا لفتح قائمة الكتلة.

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

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

أخيرًا، انقر على زر ‘حفظ’ لحفظ إعداداتك.

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

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

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

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

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

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

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

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

بعد التفعيل، قم بزيارة صفحة SeedProd » Settings لإدخال مفتاح ترخيص الإضافة. يمكنك العثور على هذه المعلومات في حسابك على موقع SeedProd.

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

للبدء، توجه إلى شاشة SeedProd » Landing Pages من الشريط الجانبي للمسؤول، ثم انقر فوق الزر ‘Set up a Login Page’.

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

بعد تحديد التمبلت، ستظهر نافذة منبثقة.

يجب عليك الأن إدخال اسم لصفحة الهبوط ورابط URL. بمجرد الانتهاء من ذلك، انتقل إلى زر ‘Save and Start Editing Page’.

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

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

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

بعد الانتهاء، انتقل إلى قسم “العناصر المتقدمة” من العمود الأيسر.

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

من هنا، حدد كتلة ‘Contact Form’ وضعها في صفحة تسجيل الدخول الخاصة بك.

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

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

ستشاهد الأن خيار ‘Select a Form’ في القائمة.

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

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

وأخيرًا، لا تنس النقر على زر ‘Save’ لتخزين التغييرات.

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

يتكامل SeedProd بسهولة مع خدمات التسويق عبر البريد الإلكتروني الشهيرة مثل ActiveCampaign وConstant Contact وAWeber والمزيد، مما يمكن أن يساعد في تحسين قائمة البريد الإلكتروني لديك.

بعد ذلك، يمكنك الانتقال إلى علامة تبويب ‘Page Settings’ وتغيير حالة الصفحة إلى Publish ضمن الإعدادات العامة.

يمكنك أيضًا تعديل عنوان الصفحة وعنوان URL وتمكين رابط SeedProd من هذه العلامة.

إذا كنت ترغب في تحسين صفحتك لمحركات البحث، فانتقل إلى علامة تبويب الـ SEO.

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

يتيح لك SeedProd أيضًا إضافة مقتطفات كود ضمن إعدادات الـ Scripts. بمجرد رضائك عن الإعدادات، انقر ببساطة على زر ‘حفظ’ في الأعلى وأغلق منشئ الصفحة.

بعد ذلك، انتقل إلى شاشة SeedProd » Landing Pages وقم بتبديل المفتاح الموجود أسفل صفحة تسجيل الدخول لجعل صفحتك ‘نشطة’.

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

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