كيفية تخصيص نماذج التسجيل وتسجيل الدخول في WooCommerce

لماذا تخصيص نماذج تسجيل الدخول والتسجيل في WooCommerce؟

خيارات المجال المحدودة:

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

صفحات منفصلة لتسجيل الدخول والتسجيل

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

قيود التصميم

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

تخصيص نماذج تسجيل الدخول والتسجيل في WooCommerce:

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

كل ما عليك فعله هو لتثبيته وتنشيطه.

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

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

1. قم بإضافة حقول إضافية لتسجيل الدخول إلى WooCommerce أو نموذج التسجيل

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

اكتشف ايضا كيفية إضافة صورة خلفية في WordPress

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

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

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

2. استبدل نماذج تسجيل الدخول والتسجيل الافتراضية لـ WooCommerce

بمجرد إنشاء نموذج تسجيل الدخول أو التسجيل إلى WooCommerce الجديد ، يجب استبداله بنموذج WooCommerce الافتراضي.

انظر أيضا دليلنا على كيفية إضافة مخزن WooCommerce في الفيسبوك

كل ما عليك فعله هو الاستمرار WooCommerce >> الإعدادات وافتح علامة التبويب الحسابات والسرية. تحت القسم إنشاء حساب، تحقق السماح للعملاء بإنشاء حساب على صفحة "حسابي" وحفظ التغييرات.

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

اقرأ أيضا مقالتنا على كيفية عرض القائمة الخاصة بك WooCommerce المشتركين مشروط

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

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

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

[user_registration_my-compte redirect_url = "رابط صفحة الحساب"]

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

الآن انسخ والصق الرمز القصير حيث تريد عرض نموذج التسجيل. ثم انشر الصفحة.

Ou

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

3. إظهار الحقول الإضافية في صفحة الحساب

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

Voici 10 ملحقات WordPress لإضافة آلة حاسبة إلى موقع الويب الخاص بك

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

4. دمج حساب WooCommerce في صفحة الخروج

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

اقرأ أيضا مقالتنا على 10 إضافات WordPress WooCommerce لاستخدامها في مدونتك

تابع WooCommerce >> الإعدادات وافتح علامة التبويب الحسابات والسرية. ثم في القسم الخصوصية حساب، تحقق من الخيار السماح للعملاء بإنشاء حساب أثناء التحقق من صحة الطلب.

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

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

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

5. إعادة تصميم نماذج تسجيل الدخول والتسجيل في WooCommerce

تسجيل المستخدم ممتاز وورد البرنامج المساعد منشئ النماذج الذي يتيح لك تخصيص نماذج تسجيل الدخول والتسجيل في WooCommerce بشكل كامل.

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

كل ما عليك فعله هو شراء ملحق Style Customizer وتعديل نموذج WooCommerce الموجود لديك أو إنشاء نموذج جديد. ثم انقر فوق زر مع أيقونة الفرشاة في أسفل يمين الشاشة.

الآن ستتمكن من رؤية لوحة Customizer.

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

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

اكتشف ايضا  كيفية حماية نماذج WordPress الخاصة بك بكلمة مرور

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

موجز:

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

ملحقات WordPress الإضافية الإضافية الأخرى 

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

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises المحلية ، قوائم الموردين ، إلخ. 

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

اقرأ أيضا مقالتنا على كيفية الحفاظ على زوار موقعك لفترة أطول

تحميل| عرض | استضافة المواقع

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

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

وفي الختام

هنا ! هذا كل شيء بالنسبة لمقالنا الذي يوضح لك كيفية تخصيص نماذج التسجيل وتسجيل الدخول في WooCommerce. الآن سيكون لديك  إمكانية إنشاء استمارات التسجيل والاتصال الصعب بالمكوِّن الإضافي لتسجيل المستخدم. التفاصيل الصغيرة مثل هذه مهمة جدًا لـ متجرك على الانترنت للتأكد من أن عملائك يستخدمونها كثيرًا.

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

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

...