• Latest
  • Trending
  • All
Google and Facebook login for Woocommerce | Woocommerce Social Login

Google and Facebook login for Woocommerce | Woocommerce Social Login

November 22, 2022
🚀 How to Send WooCommerce Order Notifications on WhatsApp Without Using Cloud API

🚀 How to Send WooCommerce Order Notifications on WhatsApp Without Using Cloud API

May 8, 2025
How to Create a Flight and Tour Booking Website & App Using WordPress (With Skyscanner Integration)

How to Create a Flight and Tour Booking Website & App Using WordPress (With Skyscanner Integration)

April 6, 2025
Introducing CargoHub: The Ultimate WooCommerce Courier and Logistics Plugin

Introducing CargoHub: The Ultimate WooCommerce Courier and Logistics Plugin

February 28, 2025
How to Connect WooSMS API with OTP Login Woocommerce Plugin

How to Connect WooSMS API with OTP Login Woocommerce Plugin

February 1, 2025
How to Launch Your Own Flight and Hotel Booking Website with a Ready-Made Script

How to Launch Your Own Flight and Hotel Booking Website with a Ready-Made Script

January 27, 2025
How to Add WhatsApp as a Payment Gateway in WooCommerce | Order on WhatsApp for WooCommerce

How to Add WhatsApp as a Payment Gateway in WooCommerce | Order on WhatsApp for WooCommerce

December 21, 2024
Shipment Tracker for WooCommerce: Simplify Your Shipping Process

Shipment Tracker for WooCommerce: Simplify Your Shipping Process

December 16, 2024
How to Get Your WhatsApp Business Display Name Approved: WhatsApp branding guidelines

How to Get Your WhatsApp Business Display Name Approved: WhatsApp branding guidelines

November 14, 2024
The Core Principles of SEO: A Comprehensive Guide

The Core Principles of SEO: A Comprehensive Guide

October 18, 2024
How to Create a Hotel or Tour Booking Website with HotelEase – Ultimate Hotel Booking Website Software for WordPress

How to Create a Hotel or Tour Booking Website with HotelEase – Ultimate Hotel Booking Website Software for WordPress

November 14, 2024
How to Get and Integrate Flight & Hotel Booking APIs: The Ultimate Guide for Travel Businesses

How to Get and Integrate Flight & Hotel Booking APIs: The Ultimate Guide for Travel Businesses

September 10, 2024
How to Convert Your WooCommerce Website into an Android App in Just a Few Minutes – No Coding Required!

How to Convert Your WooCommerce Website into an Android App in Just a Few Minutes – No Coding Required!

August 29, 2024
  • Home
  • Contact us
  • Domain Checker
  • Portfolio
  • Privacy Policy
Thursday, May 8, 2025
  • Login
Wp Hacks4u
  • Home
  • Domain Checker
  • wordpress
    • woocommerce
    • SSL
    • Google Map
  • Tech
  • Portfolio
  • CargoHub
No Result
View All Result
Wp Hacks4u
No Result
View All Result
Home woocommerce

Google and Facebook login for Woocommerce | Woocommerce Social Login

by RAHUL
November 22, 2022
in woocommerce, wordpress
0
Google and Facebook login for Woocommerce | Woocommerce Social Login
678
SHARES
1.9k
VIEWS
Share on FacebookShare on Twitter

Facebook

Getting Started

To allow your visitors to log in with their Facebook account, first you must create a Facebook App. The following guide will help you through the Facebook App creation process. After you have created your Facebook App, head over to “Settings” and configure the given “App ID” and “App secret” according to your Facebook App.

 

Warning: Providers change the App setup process quite often, which means some steps below might not be accurate. If you see significant difference in the written instructions and what you see at the provider, feel free to report it, so we can check and update the instructions.
Last updated: September 9, 2021.

 

Create Facebook App

  1. Navigate to https://developers.facebook.com/apps/
  2. Log in with your Facebook credentials if you are not logged in.
  3. Click on the “Create App” button and in the Popup choose the “Consumer” App type!
  4. If you see the message “Become a Facebook Developer“, then you need to click on the green “Register Now” button, fill the form then finally verify your account.
  5. Fill “App Display Name“, “App Contact Email“. The specified “App Display Name” will appear on your Consent Screen!
  6. Optional: choose a “Business Manager Account” in the popup, if you have any.
  7. Click the “Create App” button and complete the Security Check.
  8. Find “Facebook Login” and click “Set Up“.
  9. Select “Web” and enter the following URL to the “Site URL” field: https://tutorials.wphacks4u.com
  10. Press “Save”.
  11. Click on the “Settings” option what you find on the left side, under “Products – Facebook Login”
  12. Add the following URL to the “Valid OAuth redirect URIs” field:
    • https://tutorials.wphacks4u.com/wp-login.php?loginSocial=facebook
  13. Click on “Save Changes”.
  14. On the top left side, click on the “Settings” menu point, then click “Basic”.
  15. Enter your domain name to the “App Domains” field, probably: tutorials.wphacks4u.com
  16. Fill up the “Privacy Policy URL” field. Provide a publicly available and easily accessible privacy policy that explains what data you are collecting and how you will use that data.
  17. At “User Data Deletion“, choose the “Data Deletion Instructions URL” option, and enter the URL of your page* with the instructions on how users can delete their accounts on your site.
    • To comply with GDPR, you should already offer possibility to delete accounts on your site, either by the user or by the admin:
      • If each user has an option to delete the account: the URL should point to a guide showing the way users can delete their accounts.
      • If the accounts are deleted by an admin: then you should have a section – usually in the Privacy Policy – with the contact details, where users can send their account erasure requests. In this case the URL should point to this section of the document.
  18. Select a “Category”, an “App Icon” and pick the “App Purpose” option that describes your App the best, then press “Save Changes“.
  19. Your application is currently private, which means that only you can log in with it. In the top bar switch the “App Mode” from “Development” to “Live“.
  20. By default, your application only has Standard access for the permissions, which is not enough for Facebook Login.
    On the left side, click on App Review then click Permissions and Features. In the table you will find the “public_profile” and “email” permissions and you should click on the Get Advanced Access buttons next to them.
  21. On the top left side, click on the “Settings” menu point, then click “Basic”.
  22. At the top of the page you can find your “App ID” and you can see your “App secret” if you click on the “Show” button. These will be needed in plugin’s settings.

WARNING: Don’t replace your Facebook App with another! Since WordPress users with linked Facebook accounts can only login using the Facebook App, that was originally used at the time, when the WordPress account was linked with a Facebook Account.

Google and Facebook login for Woocommerce | Woocommerce Social Login

Google

Getting Started

To allow your visitors to log in with their Google account, first you must create a Google App. The following guide will help you through the Google App creation process. After you have created your Google App, head over to “Settings” and configure the given “Client ID” and “Client secret” according to your Google App.

 

Warning: Providers change the App setup process quite often, which means some steps below might not be accurate. If you see significant difference in the written instructions and what you see at the provider, feel free to report it, so we can check and update the instructions.
Last updated: December 9, 2021.

 

Create Google App

  1. Navigate to https://console.developers.google.com/apis/
  2. Log in with your Google credentials if you are not logged in.
  3. If you don’t have a project yet, you’ll need to create one. You can do this by clicking on the blue “Create Project” text on the right side! ( If you already have a project, then in the top bar click on the name of your project instead, which will bring up a modal and click “New Project”. )
  4. Name your project and then click on the “Create” button again!
  5. Once you have a project, you’ll end up in the dashboard. ( If earlier you have already had a Project, then make sure you select the created project in the top bar! )
  6. Click the “OAuth consent screen” button on the left hand side.
  7. Choose a User Type according to your needs and press “Create“. If you want to enable the social login with Google for any users with a Google account, then pick the “External” option!
    • Note: We don’t use sensitive or restricted scopes either. But if you will use this App for other purposes too, then you may need to go through an Independent security review!
  8. Enter a name for your App to the “App name” field, which will appear as the name of the app asking for consent.
  9. For the “User support email” field, select an email address that users can use to contact you with questions about their consent.
  10. Under the “Authorized domains” section press the “Add Domain” button and enter your domain name, probably: tutorials.wphacks4u.com without subdomains!
  11. At the “Developer contact information” section, enter an email address that Google can use to notify you about any changes to your project.
  12. Press “Save and Continue” then press it again on the “Scopes”, “Test users” pages, too!
  13. On the left side, click on the “Credentials” menu point, then click the “+ Create Credentials” button in the top bar.
  14. Choose the “OAuth client ID” option.
  15. Select the “Web application” under Application type.
  16. Enter a “Name” for your OAuth client ID.
  17. Under the “Authorised redirect URIs” section click “Add URI” and add the following URL:
    • https://tutorials.wphacks4u.com/wp-login.php?loginSocial=google
  18. Click on the “Create” button
  19. A modal should pop up with your credentials. If that doesn’t happen, go to the Credentials in the left hand menu and select your app by clicking on its name and you’ll be able to copy-paste the “Client ID” and “Client Secret” from there.
  20. Currently your App is in Testing mode, so only limited number of people can use it. To allow this App for any user with a Google Account, click on the “OAuth consent screen” option on the left side, then click the “PUBLISH APP” button under the “Publishing status” section, and press the “Confirm” button.

Google and Facebook login for Woocommerce | Woocommerce Social Login

 

Tags: social loginWooCommerce
Share271Tweet169
RAHUL

RAHUL

  • Trending
  • Comments
  • Latest
How to make fake WooCommerce reviews? | Automatically generate reviews for your WooCommerce product

How to make fake WooCommerce reviews? | Automatically generate reviews for your WooCommerce product

June 18, 2022
How to Create a Hotel or Tour Booking Website with HotelEase – Ultimate Hotel Booking Website Software for WordPress

How to Create a Hotel or Tour Booking Website with HotelEase – Ultimate Hotel Booking Website Software for WordPress

November 14, 2024
How to convert a WordPress or Woocommerce website into an App for Free

How to convert a WordPress or Woocommerce website into an App for Free

June 30, 2023
How to Buy a Domain & Hosting in Hostinger And install WordPress in 5 Minute

How to Buy a Domain & Hosting in Hostinger And install WordPress in 5 Minute

4
HOW TO CREATE A CAKE ORDERING WEBSITE | ONLINE CAKE SHOP | TUTORIAL

HOW TO CREATE A CAKE ORDERING WEBSITE | ONLINE CAKE SHOP | TUTORIAL

1
HOW TO MAKE WOOCOMMERCE FOOD ORDERING WEBSITE LIKE ZOMATO&SWIGGY

HOW TO MAKE WOOCOMMERCE FOOD ORDERING WEBSITE LIKE ZOMATO&SWIGGY

1
🚀 How to Send WooCommerce Order Notifications on WhatsApp Without Using Cloud API

🚀 How to Send WooCommerce Order Notifications on WhatsApp Without Using Cloud API

May 8, 2025
How to Create a Flight and Tour Booking Website & App Using WordPress (With Skyscanner Integration)

How to Create a Flight and Tour Booking Website & App Using WordPress (With Skyscanner Integration)

April 6, 2025
Introducing CargoHub: The Ultimate WooCommerce Courier and Logistics Plugin

Introducing CargoHub: The Ultimate WooCommerce Courier and Logistics Plugin

February 28, 2025
Wp Hacks4u

Copyright © 2025 Wphacks4u.com

Navigate Site

  • Home
  • Contact us
  • Domain Checker
  • Portfolio
  • Privacy Policy

Follow Us

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Login
Use Phone Number
Use Email Address
Not a member yet? Register Now
Reset Password
Use Phone Number
Use Email Address
Register
Already a member? Login Now
This is a test site
Build with Digits
Protected by   
No Result
View All Result
  • Home
  • Domain Checker
  • wordpress
    • woocommerce
    • SSL
    • Google Map
  • Tech
  • Portfolio
  • CargoHub

Copyright © 2025 Wphacks4u.com

Enable Notifications OK No thanks