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

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

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

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

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

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

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

إذا كنت تدير مدونة بسيطة، فقد لا تجد هذه الميزة مفيدة.

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

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

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

نصيحة💡: لإضافة تسجيل الدخول إلى جوجل بنقرة واحدة، يجب أن يحتوي موقعك على تشفير SSL آمن. لمعرفة كيفية إعداد اتصال آمن، راجع دليل المبتدئين حول كيفية التبديل من HTTP إلى HTTPS في ووردبريس.

كيفية إضافة تسجيل الدخول إلى جوجل بنقرة واحدة في ووردبريس

أولاً، ستحتاج إلى تثبيت وتفعيل إضافة Nextend Social Login and Register. لمزيد من التفاصيل، يرجى مراجعة دليل المبتدئين حول كيفية تثبيت إضافة ووردبريس.

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

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

لإضافة حساب جوجل إلى موقع ووردبريس الخاص بك، انقر على زر “Getting Started” أسفل شعار جوجل.

هنا، ستجد أن خطوتك الأولى هي إنشاء تطبيق جوجل.

يبدو إنشاء تطبيق جوجل أمر تقني، ولكن لا تقلق.

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

إنشاء تطبيق جوجل

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

الأن، يمكنك زيارة موقع Google Developers Console. إذا لم تكن قد سجلت دخولك بالفعل، فسيطلب منك تسجيل الدخول باستخدام حساب جوجل الخاص بك.

بعد ذلك، انقر على ‘Select a project’ من القائمة العلوية. ستظهر نافذة منبثقة، انقر فيها على زر ‘New Project’ للمتابعة.

سيؤدي هذا إلى فتح صفحة ‘New Project’. ستحتاج إلى إضافة اسم للمشروع وتحديد موقعه. يمكنك اختيار أي اسم تريده، مثل “Google Login”.

إذا سجلت الدخول باستخدام حساب جوجل وورك سبيس، فسيتم إدخال اسم مؤسستك تلقائيًا في الموقع. أما إذا لم يكن كذلك، فاتركه على ‘No organization’.

بعد ذلك، انقر على زر “Create” للمتابعة.

سيتم توجيهك الأن إلى لوحة تحكم ‘APIs & Services’. في هذه الصفحة، انقر على ‘OAuth consent screen’ في القائمة اليسرى.

هنا، عليك اختيار نوع المستخدم الذي تسمح له بتسجيل الدخول.

اختر ‘Internal’ إذا كان سيسجل الدخول فقط مستخدمو حساب جوجل الخاص بمؤسستك. أو، اختر ‘External’ إذا كان لدى مستخدميك عناوين بريد إلكتروني خارج مؤسستك. على سبيل المثال، أي شخص لديه حساب @gmail.com أو yourcompanyemail.com@.

عندما تكون مستعد للمتابعة، انقر على زر ‘Create’. الأن، يمكنك البدء بإضافة معلومات حول تطبيقك.

أولاً، أدخل اسم شركتك في حقل اسم التطبيق. سيظهر هذا للمستخدم عند تسجيل الدخول، مثل ‘Smith Training Services wants access to your Google account’.

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

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

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

بعد ذلك، انقر على زر ‘Add Domain’ لإضافة اسم نطاق موقعك الإلكتروني، مثل “example.com”.

إذا كنت ترغب في إضافة تسجيل دخول جوجل بنقرة واحدة إلى أكثر من موقع إلكتروني، يمكنك النقر على زر ‘+ Add Domain’ لإضافة نطاق أخر.

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

عند الانتهاء، انقر على زر ‘Save and Continue’.

بعد ذلك، ستنتقل إلى صفحتي ‘Scopes’ و‘Test Users’. في كلتا الصفحتين، مرر للأسفل وانقر على زر ‘Save and Continue’.

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

المهمة التالية هي إنشاء المفاتيح التي ستحتاجها إضافة تسجيل الدخول الخاصة بك للاتصال بـ Google Cloud.

انقر على ‘Credentials’ من القائمة اليسرى، ثم انقر على زر ‘+ Create Credentials’ أعلى الشاشة. حدد خيار ‘OAuth client ID’.

سينقلك هذا إلى صفحة ‘Create OAuth client ID’.

اختر ‘Web application’ من القائمة المنسدلة ‘Application type’.

ستتم إضافة بعض الإعدادات إلى الصفحة. انتقل لأسفل إلى قسم ‘Authorized redirect URIs’ وانقر على زر ‘+ Add URI’

الأن يجب عليك إدخال هذا الرابط:

http://example.com/wp-login.php?loginSocial=google

تأكد من استبدال example.com بعنوان الموقع الكتروني الخاص بك.

بعد الانتهاء، انقر على زر ‘Create’ لحفظ الإعدادات. قد يستغرق تفعيل الإعدادات من 5 دقائق إلى بضع ساعات.

تم الأن إنشاء عميل OAuth الخاص بك!

ستظهر لك نافذة منبثقة تحتوي على ‘Your Client ID’ و‘Your Client Secret’. ستحتاج إلى لصق هذه المفاتيح في صفحة إعدادات الإضافة في لوحة إدارة ووردبريس.

ما عليك سوى النقر على أيقونة ‘نسخ’ على اليمين لنسخ المفاتيح واحدًا تلو الأخر.

إضافة مفاتيح جوجل إلى الإضافة الخاصة بك

الأن، ارجع إلى تبويب متصفح موقعك الإلكتروني وانقر على تبويب ‘Settings’ ضمن الإعدادات » Nextend Social Login. ستجد هنا حقلي ‘Client ID’ و‘Client Secret’.

يجب عليك نسخ مفاتيحك من Google Cloud Console ولصقها في هذين الحقلين.

بعد الانتهاء من ذلك، تأكد من النقر على زر “حفظ التغييرات” لحفظ إعداداتك.

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

ما عليك سوى النقر على زر ‘Verify Settings’، وستتأكد الاضافة من أن تطبيق جوجل الذي أنشأته يعمل بشكل صحيح.

إذا اتبعت الخطوات المذكورة أعلاه بشكل صحيح، فيجب أن ترى إشعارًا يقول ‘Works Fine – Disabled’.

يمكنك الأن النقر بأمان على زر ‘Enable’ للسماح لمستخدمي ووردبريس بتسجيل الدخول باستخدام حساب جوجل الخاص بهم.

ستظهر لك رسالة تؤكد تفعيل تسجيل الدخول بجوجل.

اختيار أستايل الأزرار والتسمية

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

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

بعد ذلك، يمكنك أيضًا تغيير نص الزر بتعديل النص في حقل ‘Login label’.

إذا رغبت، يمكنك تطبيق بعض التنسيقات الأساسية على تسمية تسجيل الدخول باستخدام HTML. على سبيل المثال، يمكنك جعل النص غامق باستخدام وسم </b> و<b>.

يمكنك أيضًا تعديل حقلي ‘Link label’ و‘Unlink label’ اللذين يسمحان للمستخدمين بربط موقعك الإلكتروني بحساباتهم على جوجل وإلغاء ربطه. يمكن للمستخدمين التقنيين استخدام أكواد HTML لإنشاء أزرار تسجيل دخول جوجل خاصة بهم.

تأكد من النقر على زر “حفظ التغييرات” لحفظ إعداداتك.

إخراج تطبيق جوجل الخاص بك من وضع الاختبار

الأن، هناك خطوة أخيرة عليك القيام بها عند العودة إلى تبويب متصفح Google Cloud. ستظل ترى النافذة المنبثقة التي تحتوي على معرف العميل وكلمة المرور السرية. يمكنك إغلاق النافذة المنبثقة بالنقر على ‘Ok’ أسفل النافذة المنبثقة.

بعد ذلك، انقر على ‘OAuth consent screen’ من القائمة اليسرى.

ستلاحظ أن تطبيق جوجل الخاص بك في وضع ‘Testing’. يتيح لك هذا اختبار تطبيقك مع عدد محدود من المستخدمين. بعد أن تلقيت إشعار ‘Works Fine’ عند التحقق من الإعدادات باستخدام الإضافة، يمكنك نقله إلى وضع ‘In Production’.

يمكنك القيام بذلك بالنقر على زر ‘Publish App’. ستظهر لك نافذة منبثقة بعنوان ‘?Push to production’.

انقر على ‘Confirm’ للسماح للجميع باستخدام تسجيل دخول جوجل بخطوة واحدة على موقعك.

إذا اتبعت هذا الدليل بعناية، فستصبح حالة التحقق الأن ‘Verification not required’.

سيعمل تطبيقك الأن مع جميع مستخدمي جوجل.

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

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

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

إذا كنت ترغب في إضافة زر تسجيل دخول جوجل في أي مكان أخر على موقعك، فيمكنك القيام بذلك باستخدام كود قصير. للمزيد من المعلومات، انقر على تبويب ‘Usage’ في Nextend.

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

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

• كيفية إضافة تسجيل الدخول باستخدام فيسبوك في ووردبريس
• كيفية إضافة تسجيل الدخول الاجتماعي في ووردبريس (الطريقة السهلة)
• أفضل إضافات صفحات تسجيل الدخول في ووردبريس (آمنة وقابلة للتخصيص)
• كيفية إضافة تسجيل دخول بدون كلمة مرور في ووردبريس باستخدام Magic Links
• كيفية إضافة تسجيل الدخول برقم الهاتف عبر كلمة مرور لمرة واحدة (OTP) في ووردبريس
• كيفية إنشاء صفحة تسجيل دخول مخصصة في ووردبريس (الدليل الشامل)
• لماذا وكيف يجب الحد من محاولات تسجيل الدخول في ووردبريس
• كيفية إضافة رابط تسجيل دخول مخصص في ووردبريس (خطوة بخطوة)
• كيفية إضافة رمز التحقق (CAPTCHA) في نموذج تسجيل الدخول والتسجيل في ووردبريس
• كيفية طلب تسجيل الدخول لعرض صفحة في ووردبريس
• دليل المبتدئين لإضافة المصادقة الثنائية في ووردبريس (طريقة مجانية)
• كيفية تقييد تسجيل دخول المستخدم على جهاز واحد في ووردبريس

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