[كيفية] إضافة ارتباطات تسجيل الدخول / الخروج لتجربة مستخدم WooCommerce محسنة

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

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

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

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

قم بإنشاء قائمة رئيسية عليا

الخطوة 1: قبل المتابعة ، تأكد من إضافة قائمة كقائمة أساسية لموضوعك. تأكد أيضًا من عمل نسخة احتياطية كاملة من WordPress في حالة حدوث خطأ ما

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

أهم تلميح: إذا لم تكن مرتاحًا لإجراء تغييرات في التعليمات البرمجية ، فقد ترغب في التفكير في الاستعانة بمطور WordPress. انقر هنا لمعرفة كيفية توظيف مطور WordPress المثالي: https://www.collectiveray.com/wordpress-developers-for-hire

قم بتغيير function.php لإنشاء رابط تسجيل الخروج من Woocommerce ورابط تسجيل الدخول

الخطوة 2: أضف الكود أدناه إلى ملف function.php الخاص بقالبك.

add_filter ('wp_nav_menu_items'، 'add_loginout_link'، 10، 2) ؛
الوظيفة add_loginout_link ($ items، $ args) {
  إذا (is_user_logged_in () && $ args-> theme_location == 'primary') {
    العناصر $. = ' تسجيل خروج "؛
  } elseif (! is_user_logged_in () && $ args-> theme_location == 'primary') {
    العناصر $. = ' تسجيل الدخول "؛
  } إرجاع $ items؛
}

قم : لقد تم إخطارنا للتو من قبل قارئ / معلق مفيد لموقع الويب الذي قال إنه يجب الآن استخدام wc_get_page_id بدلاً من (تم إهماله الآن) woocommerce_get_page_id

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

انقر هنا للعثور على عربات Fiverr رخيصة لمساعدتك في إصلاح هذا

تحقق من رابط تسجيل الدخول / الخروج من Woocommerce

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

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

رابط / عنوان URL لتسجيل الخروج من WordPress

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

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

https://<yoursite.com>/wp-login.php?action=logout 

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

كما هو الحال دائمًا ، هناك طرق متعددة للقيام بذلك. 

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

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

add_filter ('wp_nav_menu_items'، 'add_login_logout_link'، 10، 2) ؛ الوظيفة add_login_logout_link ($ items، $ args) {ob_start ()؛ wp_loginout ('index.php') ، $ loginoutlink = ob_get_contents () ؛ ob_end_clean () ، العناصر $. = ' ". $ loginoutlink. " "؛ إرجاع العناصر $؛ }

ملحوظة: تعمل هذه الطريقة أعلاه ويتم تمكينها إذا كنت تستخدم قوائم WordPress المخصصة ، أي وظيفة القائمة المتاحة في قسم المسؤول أسفل المظهر> القوائم.)

WordPress رمز تسجيل الخروج القصير

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

[تسجيل الخروج] - رابط قياسي لتسجيل الخروج ، حيث يظل المستخدم على شاشة تسجيل الدخول بعد تسجيل الخروج. [logout_to_home] - رابط يقوم بتسجيل خروج المستخدم ، وإعادة توجيهه إلى صفحتك الرئيسية. [logout_to_current] - رابط يقوم بتسجيل خروج المستخدم ، وإعادة توجيهه مرة أخرى إلى الصفحة الحالية / عنوان URL.

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

تسجيل الدخول إلى WooCommerce

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

ولكن قد لا يكون هذا الوضع مثاليًا لعملائك الذين يمتلكون الآن عادةً حساب WordPress.com ، لذلك سيتم استخدام هذه الوظيفةless بالنسبة لهم.

إذن كيف يمكنك إنشاء نظام تسجيل الدخول / تسجيل الخروج للحساب مألوفًا لهم؟ هذا هو المكان الذي يلعب فيه تسجيل الدخول الاجتماعي WooCommerce!

Woocommerce Social تسجيل الدخول

تسجيل الدخول الاجتماعي لـ WooCommerce هو امتداد WooCommerce مميز يمكّن تسجيلات الدخول الاجتماعية لـ Seamless إنشاءات الحساب والمغادرة. هذا ضخم. لأنك تعلم أن تسجيلات الحساب تشكل عائقًا كبيرًا أمام المبيعات؟ 

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

فكيف تخفف من هذا الحاجز؟ هذا هو المكان الذي يلعب فيه امتداد WooCommerce Social Login.

من خلال تثبيت هذا الامتداد على متجر WooCommerce عبر الإنترنت ، يمكنك السماح للمستخدمين بتسجيل الدخول باستخدام حساباتهم على Facebook أو Twitter أو Google أو Amazon أو LinkedIn أو PayPal أو Disqus أو Yahoo أو VK بدلاً من الاضطرار إلى إنشاء حساب مستخدم جديد بحساب جديد مجموعة من أوراق الاعتماد. يمكن للمستخدم بعد ذلك النقر فقط على شعار الشبكة المفضل لديه وتسجيل الدخول إلى موقعك باستخدام ذلك. عرضيًا ، إذا كنت مهتمًا بـ إنشاء شعارك المخصص باستخدام تطبيق مجاني، تحقق من مقالتنا.

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

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

لماذا تستخدم WooCommerce Social تسجيل الدخول؟

• يمنحك القدرة على مزامنة حسابات العملاء الخاصة بك مع الشبكات الاجتماعية الأكثر شيوعًا
• يجعل إنشاء العميل والخروج التماسless والتي لا تتطلب عملية طويلة الأمد لإنشاء الحساب والتحقق منه
• تقليل الاحتكاك وزيادة المبيعات وتكرار الشراء وتقليل التخلي عن عربة التسوق
• تعد عمليات تسجيل الدخول الاجتماعية طريقة مقبولة وموثوقة لتسجيل الدخول إلى مواقع الجهات الخارجية

هذا قسط يستحق سعره البالغ 79 دولارًا فقط. ستجني الأموال عدة مرات في المقابل.

تحقق من WooCommerce Social تسجيل الدخول

أي شيء آخر تود معرفته حول تسجيل الخروج

هل هناك أي شيء تود معرفته ويفتقده هذا المقال؟ نود الحصول على تعليقاتك حتى نتمكن من الاستمرار في تحسين هذا المنشور!  

عن المؤلف

كاتب: ديفيد أتاردالموقع: https://www.linkedin.com/in/dattard/بريد إلكتروني: ديفيد @collectiverayكوم

يعمل ديفيد في مجال الإنترنت والصناعة الرقمية أو حولهما منذ 21 عامًا. يتمتع بخبرة واسعة في مجال البرمجيات وتصميم الويب باستخدام WordPress وJoomla والمنافذ المحيطة بها. وقد عمل مع وكالات تطوير البرمجيات وشركات البرمجيات العالمية ووكالات التسويق المحلية ويشغل الآن منصب رئيس عمليات التسويق في Aphex Media - وهي وكالة تحسين محركات البحث. كمستشار رقمي، ينصب تركيزه على مساعدة الشركات في الحصول على ميزة تنافسية باستخدام مجموعة من مواقعها الإلكترونية والمنصات الرقمية المتاحة اليوم. إن مزيجه من الخبرة التقنية جنبًا إلى جنب مع الفطنة التجارية القوية يضفي ميزة تنافسية على كتاباته.