wordpress directory plugin
Save Up To %
on any membership purchase
Grab the Deal
Close discount banner
wordpress directory plugin
how to add social login in WordPress

How to Add Social Media Login to Your Directory Website

Wondering how to add social login in WordPress? Adding social media login in WordPress is simple when you will come up with the right strategies. In this article, we will cover up the benefits of adding social media login and how to add them in WordPress with extreme ease.

Gone are the days when people had to create a new account with a new password just to log in to the directory website. Interestingly enough, the emergence of the option to log in with social media like Facebook, Google, etc. has made the way more easy-breezy. Now people don’t need to register and log in to a directory site by default. And, they can even centralize their logins. 

With the social media log in, you can bunch up even more valuable information about your users which in turn can jazz up your brand, advertising, and more like improving your conversion rate. Below are several steps that will help you to get started with adding social media login to your site. 

Let the air flow out. 

Why Add Social Media Login to Your Directory Website?

Adding social media logins to your directory website has a number of perks. Let’s get to grips with them.  

1. Increase registrations

According to a Web Hosting Buzz survey, 86 percent of users get bothered while creating new accounts. Some of the users would rather leave your site than register. Here, adding social media login increases the number of registrations instead. So, having this option on your site will be a red hot.

2. Email verification

Fake addresses that some users typically use in web applications. But, the social network provider verifies the given mail addresses. And if the provider shares this information, then you are more likely to avoid fake addresses. 

3. Access richer user profiles

Social network providers can provide you with additional information about users, like their location, interests, birthdays, and more. Using this data, you can send them personalized content which eventually leads to better UX. 

How to Add Social Login in WordPress Focusing on Directory Website (Step-by-Step)

Adding social media login is a great way of not only making the registration process of your directory site more efficient for users but also gathering relevant information about them to get more leads. To do this, follow the steps laid out below. 

1. Install WP social login plugin

To get started, add social login buttons to the Directorist login form, you need to set up their API keys first. To do that go to Directory Settings >> Extension Setting >> Social Login, where you will see some input fields to add the API keys. Now create the API keys by clicking on the link attached to each input field. After you create the API keys, place them in their input field and save changes.

2. Configure APIs 

There are a number of social login options you can add to your directory website to make it even more exciting and lucrative to users. Let’s start with.

(A) Configure Facebook app id

Step- 1: To do this, navigate to Directory Listings-> Settings->Extension Settings->Social Login, then log in to your Facebook account after clicking on the marked area. 


how to add social login in WordPress

Step 2: Now, click on Add a New App

Step 3: Select “For Everything Else”

Step 4: Give your app a name and set an app contact email. Then click on Create App ID.

Step 5: Complete the reCAPTCHA test. And, you are almost done.

Step 6: You will find your APP ID in the marked area

Step 7: Click on Set Up to configure Facebook login

Step 8: Add your website URL in the box marked as 3

Step 9: Add the privacy page URL in the box marked as 2. Then select a category type (marked as 3). After filling up these two options, you will be able to activate the live mode (marked as 4).

Step 10: Once, you are done with all the steps, paste the APP ID in Directory Listings-> Settings->Extension Settings->Social Login->Facebook App ID.

(B) Configure Google Client

Step 1: Log in to your Google Account and go to the following URL. https://developers.google.com/identity/sign-in/web/sign-in

Step 2: Click on “Credentials Page”  

Step 3: You will be redirected to the credentials page. Click Create Credentials 

 Step 4: A dropdown will appear and make sure to select “0Auth Client ID” 

Step 5: In the next step, a form will come in view and do the following 

  1. Select “Web Application” as Application Type
  2. Type in the URI in “Authorized JavaScript Origins”
  3. Type in the URI again in “Authorized Redirect URIs” 

Step 6: OAuth client will be created, and you will get your Client ID and the Client Secret in a pop-up. Copy the Client ID and paste it in Directory Settings → Extensions Settings → Social Login → Google Client ID 

Terminus on How to Add Social Login in WordPress

This is how you can successfully add social media login to your directory website and improve visibility & trust among the users. Hence, you are no longer losing your traffic from your site and are always a step ahead of your competitors to improve the UX for your visitors and customers as well. 

If you have already added the social media login to your directory site, then please don’t sit on the fence to leave a mark on the comment section regarding your experience. 

Finally, if you liked our posts, don’t forget to subscribe to our blog so that we can notify you once any post is published. Directorist is now on FacebookTwitter, and LinkedIn! You can also join the Directorist Community for sharing your thoughts and experiences relating to the directory niche. Come and join us to see what we’re up to.

Share
URL copied to clipboard!
Written by

Md. Hamim Khan

Md Hamim Khan is a man of letters who puts up his hands for technical content writing at Directorist. He loves to keep himself engaged in playing cricket & chit-chatting with friends, family, and colleagues in the time when he leaves out of work.

Share
URL copied to clipboard!

4 Comments

  • author-avatar
    Saint
    July 25, 2022

    Facebook and Google login not working after adding the ID’s.. your plugin seem not to be the best afterall.. even user verification email is not added to the mighty plugin.

    • author-avatar
      Mahdi
      July 31, 2022

      Hey @Saint,

      Facebook and Google Login should work if you add App ID and Client ID correctly. If it isn’t that’s something our support should look into, kindly get in touch with them here: https://directorist.com/contact.

      For user verification, it is already in our plan, we understand that it is something important for our users.

      Regards,
      Mahdi.

  • author-avatar
    Ryan Molkentin
    September 8, 2022

    I’m also running into the issue of the google login not working even after client ID was put in. Could this be an issue not using a directorist theme? I’m using astral + elementor on my wp site

Leave a Reply