Aftab Hassan
No Result
View All Result
  • Login
  • Register
  • Home
  • Digital Marketing
    • Blogging
      • How to Start a Blog
      • WordPress Guides
      • Best WordPress Hosting
      • Best Blogging Themes
      • Best Free WordPress Themes
    • SEO
      • What is Website SEO?
    • Freelancing
      • How to Make Money Freelancing
      • How to Get Regular Orders on Fiverr
  • Reviews
    • Astra Theme Review
    • Thriive Review
    • Best WordPress Theme for Personal Blog
    • Low Cost Web Hosting Services
    • Hostgator vs Bluehost vs Dreamhost
    • Bluehost Review
    • The Best Ai Content Writing Tools
    • Jasper Ai Review
    • WordHero Review
    • Videoder Review
  • Technology
  • How to
  • Blog
  • About
GUEST POST
RESOURCES
  • Home
  • Digital Marketing
    • Blogging
      • How to Start a Blog
      • WordPress Guides
      • Best WordPress Hosting
      • Best Blogging Themes
      • Best Free WordPress Themes
    • SEO
      • What is Website SEO?
    • Freelancing
      • How to Make Money Freelancing
      • How to Get Regular Orders on Fiverr
  • Reviews
    • Astra Theme Review
    • Thriive Review
    • Best WordPress Theme for Personal Blog
    • Low Cost Web Hosting Services
    • Hostgator vs Bluehost vs Dreamhost
    • Bluehost Review
    • The Best Ai Content Writing Tools
    • Jasper Ai Review
    • WordHero Review
    • Videoder Review
  • Technology
  • How to
  • Blog
  • About
No Result
View All Result
Aftab Hassan
No Result
View All Result
Home Technology

How to Add Social Logins to WordPress Website

Aftab by Aftab
June 28, 2022
Reading Time: 13 mins read
419 4
0
How to Add Social Logins to WordPress Website

Making a website /Blog perfect in all aspects is really important and crucial. In this article, we’ll show you “How to Add Social Logins to WordPress Website”. It’ll help your users to log in to your website /Blog from their social accounts.

Example: If a user wants to log in to your site and they have one option to logins. which is with E-mail. Mean, he has to enter their Name, Email, Password to login to your site. But, if you add social logins to your Blog.

It will make it easy for your user to log in to your site. Just they’ll click on the social button and they will be logged in without any hesitation. By adding this feature, your visitors will be able to quickly log in to your website. Ex:)

How to Add Social Logins to WordPress Website

So, now you know what we’re gonna add to our website. We’ll do this in just 4 steps:)

  • Install a Plugin in WordPress.
  • Connect your website with Google.
  • The appearance of Social Login Buttons.
  • Connect your website with Facebook.

1. INSTALL A PLUGINS IN WORDPRESS TO ADD      SOCIAL LOGINS TO WORDPRESS WEBSITE

In order to install a plugin in WordPress. We’ll go to our WordPress dashboard.

How to Add Social Logins to WordPress Website

In the WordPress dashboard click on Plugins > Add New. It will take you to the plugins section of WordPress where you can install a new plugin.

How to Add Social Logins to WordPress Website

So in the plugins section, search for a plugin called *Super Socializer*. Click on Install Now and after that click on *Activate* and this plugin will be activated on your site. This Plugin will help us Add Social Logins to WordPress Website.

RELATED POSTS

WordHero Review 2022: Best Ai Article Writer on a Budget

Low Cost Web Hosting Services (2 Best Picks + Reviews)

The Best Ai Content Writing Tools of 2022


2. CONNECT YOUR WEBSITE WITH GOOGLE

How to Add Social Logins to WordPress Website

As soon as you activate this plugin you’ll find a new button in your WordPress. So, hover over there and click on *Social Login*.

How to Add Social Logins to WordPress Website

Here, first, click on the top checkbox to enable Login. Then enable the Google option below. So, now we need to connect our website with Google. So, in order to connect our website with Google, we need two things. 1. Google Client ID – 2. Google Client Secret

How to Add Social Logins to WordPress Website

To get these details open google chrome in your browser. Search *Google Developer Console* and click on this official link and it will take you to the next page. This is an official tool from Google that will help us get all those details to Add Social Logins to WordPress Website.

How to Add Social Logins to WordPress Website

If you are not seeing this page make sure you log in to your Google ID and then try to reach this page and click on the *CREATE* button.

How to Add Social Logins to WordPress Website

So, here enter any name as a project name. I have entered my blog name and click on the create button below. Your new project will be created.

How to Add Social Logins to WordPress Website

Click on *OAuth consent screen* and enter the name which we entered earlier as a project name. So, I’ll enter *TechMoll* in the Application Name and scroll down.

How to Add Social Logins to WordPress Website

After scrolling down enter your domain name in the first box, yousite.com. Note: Please don’t use HTTPS OR www just enter like mine, yoursite.com that’s it. and click *Save*

How to Add Social Logins to WordPress Website

As soon as you click *Save* it will show this pop-up so click on *Create Credentials* and choose *OAuth Client ID* It will take you to the next page.

How to Add Social Logins to WordPress Website

On this page select the Web Application at the top and enter your website’s URL below in the *Authorized redirect URLs* tab.

But, this time make sure you’ll enter the entire URL with HTTPS and www like I have entered “https://techmoll.com” Note: Make sure to remove the forward-slash after .com, That’s it. Click on *Create* And it will show you all those details which you need.

How to Add Social Logins to WordPress Website

So, here you’ll see your credentials on your screen. So, copy the first one by clicking the button in front of it. And go back to the WordPress dashboard.

How to Add Social Logins to WordPress Website

Paste that code here in the first box. And go back to that page

How to Add Social Logins to WordPress Website

So, now copy the 2nd code and press *OK* on this pop-up below. And go back to the WordPress dashboard.

How to Add Social Logins to WordPress Website

Paste that 2nd code here and click *Save Changes* Now our site has been successfully connected with Google.


3. THE APPEARANCE OF SOCIAL LOGIN BUTTONS

Now in this step, we’ll set a place for social buttons to appear.

How to Add Social Logins to WordPress Website

Click on the *Advanced Configuration* button and it will show all the places where you can choose to appear your social login buttons. The necessary places are selected by default. So, choose the additional place if you want and click *Save Changes*.

So, now our users can log in to our site with their Google account. One social login has been successfully created.


4. CONNECT YOUR WEBSITE WITH FACEBOOK

Now we need to connect Facebook with our website So, the users will be able to log in to your site using their Facebook ID.

connecting website with google

Hover over the Super Socializer button and click on the Social Login button. It will open up a previous window.

How to Add Social Logins to WordPress Website

On this page select Facebook to enable Facebook Login, and it will be enabled. And now we need to connect our website with Facebook. So, in order to connect it, we need some details from Facebook.

facebook login in wordpress

So, to get those details, go to developers.facebook.com and click on Login. It will show a new pop-up.

How to Add Social Logins to WordPress Website

Here you’ll log in with your Facebook account, which you wanna use with your website.

How to Add Social Logins to WordPress Website

After logging with your Facebook account, click on *Get Started* button right at the top.

How to Add Social Logins to WordPress Website

Here if you never use this developer account it will as you to create a new one here. So, click on the *Next button here to create it.

connecting website with google

Here it is asking to describe a little bit so, we’ll select another. And go to the next step.

How to Add Social Logins to WordPress Website

Here click on *Create First App* button to get those details.

How to Add Social Logins to WordPress Website

So, here in the *Display Name* enter any name you want, as we did before connecting Google I entered my blog name you can enter your website/Blog name you want and it will detect your email and click on *Create App ID*

connecting website with google

It will show this window So, we wanna add Facebook Login so, we’ll click on Sign up under the Facebook Login Box.

How to Add Social Logins to WordPress Website

In this window just click on *Web* button. It will show another window.

How to Add Social Logins to WordPress Website

So, in the box enter your website’s URL and click on the Save button below to save it. Make sure to enter a complete URL of your website with HTTPS and www.

connecting website with google

As soon as you click the save button and your details will be created. So, to see those details click on the settings button and select Basic.

How to Add Social Logins to WordPress Website

Here are the details which we want to enter on our website. So, copy the first value from *App ID* and go back to WordPress.

connecting website with google

Paste that code here in the *Facebook App ID* Box. And go back to the other tab.

How to Add Social Logins to WordPress Website

Here copy the second value from *App Secret* and go back to WordPress.

How to Add Social Logins to WordPress Website

Paste the 2nd value here. Scroll down and click *Save Changes* It will show a link at the top of your screen. Which we need to paste in the facebook.

How to Add Social Logins to WordPress Website

Copy this code and go back to *Facebook*

facebook login in wordpress

In this tab click on the *Facebook Login* and then choose *Settings* and paste that code here in the *Valid OAth Redirect URLs* and click *Save Changes* and your Facebook will be connected with your website.

But one thing else. First, you will need to enter the privacy policy link in Facebook to enable Facebook Login and as soon as you do it, add Social Logins to WordPress Website will be completed

In order to get privacy policy links to go back to WordPress.

wordpress dashboard

In WordPress click on settings and press *Privacy*

facebook login in wordpress

On this page click on *CREATE NEW PAGE* to create a page of Privacy Policy. Your page will be created. Then publish it. And it will show the link of the page.

How to Add Social Logins to WordPress Website

So, here you’ll see the link to your privacy policy page, copy it, and go back to Facebook.

How to Add Social Logins to WordPress Website

Paste that page link here in the box under the Privacy Policy URL.

How to Add Social Logins to WordPress Website

Select your website’s category here and click on save changes below.

How to Add Social Logins to WordPress Website

After saving changes switch the top button to on. Now your Facebook login is activated on your website. If you go to your website and refresh. It will be enabled. So, I hope this will help you to Add Social Logins to WordPress Website.


OUR POPULAR GUIDES:)

  • How to Setup Two Factor Authentication on WordPress
  • How to Get Regular Orders on Fiverr
Share234Tweet146Pin53
Aftab

Aftab

Aftab Hassan is a Blogger and an Entrepreneur. On this website, I write on the latest technology and online marketing to help you build a successful business online.

Related Posts

wordhero review
Blogging

WordHero Review 2022: Best Ai Article Writer on a Budget

August 7, 2022
low cost web hosting
Blogging

Low Cost Web Hosting Services (2 Best Picks + Reviews)

August 3, 2022
best ai content writing tools
Digital Marketing

The Best Ai Content Writing Tools of 2022

August 3, 2022
thriive review
Reviews

Thriive Review: Everything You Need to Know About it

June 28, 2022
thriive review
Reviews

Jasper Ai Review | The Best Copywriter (Ultimate Review)

June 28, 2022
thriive review
Reviews

Best WordPress Theme for Personal Blog (Top 5 Options)

June 28, 2022
Next Post
thriive review

Best Hosting Providers (5 Best Web-Hosting Services)

How to Create a Business Email With Bluehost (Easy Guide)

Bluehost Review | Save 60% + Free Domain [Best Deal]

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended Stories

thriive review

Jasper Ai Review | The Best Copywriter (Ultimate Review)

June 28, 2022
How to Create a Business Email With Bluehost (Easy Guide)

Bluehost Review | Save 60% + Free Domain [Best Deal]

June 28, 2022
thriive review

App Submission Sites | 150+ Sites List (Promote Your App)

June 28, 2022
wordhero review
Blogging

WordHero Review 2022: Best Ai Article Writer on a Budget

by Aftab
August 7, 2022
0

WordHero is one of the top-rated AI writing tools that can write blog articles, social media captions, ads, emails, product...

Read more
low cost web hosting

Low Cost Web Hosting Services (2 Best Picks + Reviews)

August 3, 2022
best ai content writing tools

The Best Ai Content Writing Tools of 2022

August 3, 2022
astra theme review

Astra Theme Review (Ultra Lightweight WordPress Theme)

June 27, 2022
what is website seo

What is Website SEO? | Ultimate Guide

July 5, 2022

Aftab Hassan

I’m a Blogger and an entrepreneur. I write about the latest technology and online marketing to build your business online. On this blog, we cover everything you need to know about online business.

Recent Posts

  • WordHero Review 2022: Best Ai Article Writer on a Budget
  • Low Cost Web Hosting Services (2 Best Picks + Reviews)
  • The Best Ai Content Writing Tools of 2022

The Best Guides

How to Index Articles Fast in Google

How to Make Money Freelancing

Astra Theme Review (Best WP Theme)

What is Website SEO?

The Best Deals

How to Start a Blog (Step by Step)

Best WordPress Hosting Services

Best WordPress Themes of All Time

Best WordPress Plugins

Aftab Hassan | Copyright © 2019 - 2022 | All Rights Are Reserved

No Result
View All Result
  • Home
  • Digital Marketing
    • Blogging
      • How to Start a Blog
      • WordPress Guides
      • Best WordPress Hosting
      • Best Blogging Themes
      • Best Free WordPress Themes
    • SEO
      • What is Website SEO?
    • Freelancing
      • How to Make Money Freelancing
      • How to Get Regular Orders on Fiverr
  • Reviews
    • Astra Theme Review
    • Thriive Review
    • Best WordPress Theme for Personal Blog
    • Low Cost Web Hosting Services
    • Hostgator vs Bluehost vs Dreamhost
    • Bluehost Review
    • The Best Ai Content Writing Tools
    • Jasper Ai Review
    • WordHero Review
    • Videoder Review
  • Technology
  • How to
  • Blog
  • About

Aftab Hassan | Copyright © 2019 - 2022 | All Rights Are Reserved

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

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

Log In

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.