إنشاء نموذج تسجيل الدخول والتسجيل لـ Elementor

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

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

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

الآن، أصبحت أداة إنشاء النماذج التي تأتي مع Elementor مقفلة داخل نسختها الاحترافية. ومع ذلك، بدلاً من الحصول على Elementor Pro لبناء نموذج التسجيل الخاص بك، نوصي بالذهاب إلى plugin Ultimate Addon for Elementor (UAE) بدلاً من ذلك لأنه يأتي مع الكثير من الكتل والأدوات القوية مقارنة بـ Elementor Pro.

جدول المحتويات

فوائد إنشاء صفحة تسجيل مخصصة

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

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

1. تخصيص صفحات تسجيل المستخدم

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

يمكن استخدام عنصر واجهة مستخدم نموذج تسجيل المستخدم لما يلي:

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

2. جمع كافة المعلومات المطلوبة من نموذج واحد

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

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

3. تخصيص تجربة المستخدم

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

4. مكافحة البريد العشوائي وتعزيز الأمن

مع إضافة Honeypot وReCaptcha، يمكنك محاربة مرسلي البريد العشوائي ومنع التسجيلات المزيفة.

5. مثالي لأسلوب علامتك التجارية

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

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

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

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

ملاحظة : قبل المتابعة، تأكد من تمكين العضوية من خلال التوجه إلى لوحة التحكم > الإعدادات > عام > العضوية: ممكّنة .

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

الخطوة 1: إنشاء نموذج تسجيل مستخدم باستخدام Plugin UAE (Ultimate Addon for Elementor).

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

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

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

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

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

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

الخطوة 2: تكوين إعدادات النموذج الخاص بك

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

  • دور مستخدم جديد
  • اختر "بعد إجراءات التسجيل"

وفيما يلي وصف تفصيلي لكلا الأمرين:

دور مستخدم جديد

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

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

اختر بعد إجراءات التسجيل

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

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

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

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

الخطوة 3: أضف نموذج تسجيل المستخدم إلى موقع الويب الخاص بك

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

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

على سبيل المثال، نموذج تسجيل المستخدم على صفحة WooCommerce

إذا كنت تريد إنشاء صفحة WooCommerce مخصصة، أي صفحة حسابي، تحت اسم صفحة الحساب المخصص، فيمكنك ببساطة:

بالنقر على زر "التحرير باستخدام Elementor"، ستنتقل إلى محرر Elementor.

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

وأخيرًا، لتعيين الصفحة كـ "صفحة حسابي"، انتقل إلى لوحة تحكم WordPress. واتبع المسار التالي ضمن خيار WooCommerce:

WooCommerce > الإعدادات > خيارات متقدمة > إعداد الصفحة > صفحة حسابي > صفحة حسابي > حدد صفحة الحساب المخصصة

يمكنك رؤية الصفحة التي تحتوي على دولة الإمارات العربية المتحدة على صفحة حساب WooCommerce.

خاتمة:

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

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

احمد

المشاركات الأخيرة

كيفية استخدام الرؤوس والتذييلات مع Elementor

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

6 يناير 2022

مقارنة سمات WordPress: Astra vs OceanWP

اثنان من سمات WordPress الأكثر شيوعًا في السوق هما Astra وOceanWP. احترافي…

2 يناير 2022

مقارنة موضوع أخبار WordPress: Newspaper vs. Astra

إن إنشاء موقع إخباري ممتاز لا يتطلب منك أن تصبح مصمم ويب. نحن…

25 أكتوبر 2021

أنشئ موقعًا إلكترونيًا متعلقًا بالأخبار باستخدام موضوع الصحيفة

يعد موضوع Newspaper واحدًا من أهم سمات WordPress التي صممها tagDiv، وهو…

18 أكتوبر 2021

كيفية إنشاء تجارة إلكترونية باستخدام Avada WooCommerce builder

عندما يتعلق الأمر بإنشاء متجر عبر الإنترنت، فإن WooCommerce هو plugin المناسب. هو - هي…

4 أكتوبر 2021

كيفية استخدام تأثيرات الرأس والتمرير اللاصقة مع Elementor

عادةً ما يكون العنوان هو أول ما يراه الشخص عند زيارته لموقع الويب الخاص بك،...

21 سبتمبر 2021