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

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

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

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

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

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

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

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

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

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

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

كيفية إضافة تسجيل الدخول الاجتماعي إلى ووردبريس

أسهل طريقة لإضافة تسجيل دخول إلى واجهة موقع ووردبريس الخاص بك هي استخدام إضافة Nextend Social Login and Register.

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

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

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

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

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

لنأخذ فيسبوك كمثال.

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

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

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

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

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

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

في علامة تبويب ميتا للمطورين، انقر ببساطة على زر ‘إنشاء تطبيق’.

ستنتقل بعد ذلك إلى عملية الإعداد.

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

في مرحلة “حالات الاستخدام”، ستختار ما سيفعله تطبيقك.

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

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

بعد ذلك، في حقل “اسم العرض”، اكتب الاسم الذي تريد استخدامه لتطبيق فيسبوك. سيظهر هذا الاسم للزوار، لذا ينصح باستخدام اسم مألوف لهم، مثل عنوان موقع ووردبريس الخاص بك.

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

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

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

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

إذا كان كل شيء على ما يرام، فانقر ببساطة على زر “إنشاء تطبيق”.

ستظهر لك الأن نافذة منبثقة تحتوي على زر “الانتقال إلى لوحة التحكم”.

لننقر عليه.

أنت الأن جاهز لإضافة منتجاتك إلى تطبيق فيسبوك.

بعد ذلك، انتقل إلى “البدء السريع” من قائمة “تسجيل الدخول إلى فيسبوك”.

ومن هنا، يمكنك اختيار “الويب”.

سيؤدي هذا إلى فتح قسم التخصيص.

في حقل “عنوان URL للموقع”، اكتب عنوان URL لموقعك.

تأكد من إدخال عنوان URL الصحيح، وإلا فقد يظهر خطأ.

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

بعد كتابة رابط موقعك في حقل “رابط الموقع”، انقر على زر “حفظ” لحفظ التغييرات.

ثم انتقل إلى قسم “الإعدادات”.

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

تتضمن هذه التعليمات رابط بعنوان “Valid OAuth redirect URIs”. يمكنك نسخ هذا الرابط.

بعد ذلك، لنعد إلى موقع ميتا للمطورين ونلصق رابط URL في حقل “محدد URI لإعادة التوجيه المطلوب التحقق منه”.

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

بعد الانتهاء، انتقل إلى الإعدادات » أساسيات في القائمة الأيمن.

في “نطاق التطبيق”، اكتب اسم نطاق موقعك.

في حقل “رابط سياسة الخصوصية”، أدخل عنوان سياسة خصوصية موقعك الإلكتروني.

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

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

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

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

لمساعدة المستخدمين في العثور على هذه المعلومات، انقر على قسم “حذف بيانات المستخدم”، ثم اختر “رابط تعليمات حذف البيانات” من القائمة المنسدلة.

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

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

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

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

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

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

كما لا يمكنك تضمين أي نص “فيسبوك” أو “FB”.

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

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

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

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

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

يمكن لتطبيقات فيسبوك الوصول إلى معلومات المستخدم إما بخيار “الوصول القياسي” أو “الوصول المتقدم”. إذا كان تطبيقك يتمتع بخيار “الوصول القياسي”، فلن يتمكن الزوار من تسجيل الدخول باستخدام تسجيل الدخول عبر منصات التواصل الاجتماعي.

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

في القائمة الموجودة على الجانب الأيمن، دعنا ننتقل إلى قسم “الأذونات”.

الأن، عليك إلقاء نظرة على أذونات “Email” و”public_profile”.

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

هل ترى أزرار “Get Advanced Access” بدلاً من ذلك؟ هذا يعني أن تطبيقك لا يملك حاليًا الأذونات اللازمة لتسجيل الدخول إلى منصات التواصل الاجتماعي.

في هذه الحالة، ستحتاج إلى النقر على زر “Get Advanced Access” ثم اتباع التعليمات التي تظهر على الشاشة.

بعد حصولك على أذونات “Advanced Access”، انتقل إلى إعدادات التطبيق » أساسي من القائمة اليمني.

في أعلى الصفحة، سترى “معرف التطبيق” و”المفتاح السري للتطبيق”.

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

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

من هنا، انتقل إلى علامة تبويب “Settings” والصق المعرف والمتفاح السري في حقلي “App ID” و”App secret” في لوحة تحكم ووردبريس.

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

قبل المتابعة، ينصح بالتأكد من صحة إعدادات تسجيل الدخول عبر منصات التواصل الاجتماعي. للقيام بذلك، انقر على زر “Verify Settings”.

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

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

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

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

لاستخدام أستايل مختلف، انقر لتحديد زر الاختيار الخاص به.

بعد ذلك، يمكنك تعديل نص “Login label” على هذا الزر لتغيير النص الذي يعرضه Nextend.

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

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

لديك أيضًا خيار تغيير النص الذي يستخدمه هذا الزر لـ “Link label”. هذا هو النص الذي يعرضه Nextend عندما ينشئ زائر حساب على موقعك الكتروني دون ربطه بفيسبوك.

يمكنك استخدام “Link label” لتشجيع المستخدمين المسجلين على ربط حساباتهم بمختلف حسابات التواصل الاجتماعي.

لتغيير هذا النص، اكتب ببساطة في حقل “Link label”. مرة أخرى، يمكنك استخدام HTML لتطبيق بعض التنسيقات الأساسية على “label text”.

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

هنا يأتي دور حقل “Unlink label”.

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

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

هذه الإعدادات كافية لمعظم مواقع الويب.

إذا كنت تفضل إنشاء زر مخصص بالكامل، فيمكنك دائمًا تحديد خيار “Use custom button”. سيضيف هذا قسم جديد يتيح لك إنشاء زر تسجيل دخولك الخاص عبر وسائل التواصل الاجتماعي باستخدام الكود.

عندما تكون راضي عن تصميم الزر، انقر على زر “حفظ التغييرات”.

بعد ذلك، انتقل إلى علامة التبويب “الاستخدام”.

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

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

[nextend_social_login provider=”facebook”]

تظهر الصورة التالية مثال لكيفية ظهور زر تسجيل الدخول الاجتماعي هذا على موقعك.

إذا كنت ترغب في إنشاء زر تسجيل دخول اجتماعي بدون تسمية نصية، فيمكنك إضافة معامل “الأيقونة”، على سبيل المثال [nextend_social_login provider=”facebook” style=”icon”]

فيما يلي مثال لكيفية ظهور هذا الزر على موقع ووردبريس الخاص بك.

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

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

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

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

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