Chat with us, powered by LiveChat

This website uses cookies

Our website, platform and/or any sub domains use cookies to understand how you use our services, and to improve both your experience and our marketing relevance.

Optimized WooCommerce stores loads in just 170ms Read More

How to Add Social Login to WooCommerce

Updated on April 11, 2018

5 Min Read
Add Social Login to WooCommerce
Reading Time: 5 minutes

WordPress has a reasonably simple sign up system. To register, you need to submit a username and email address. A password is emailed and you will then log in. This registration process is a bit time consuming.

Best Web Hosting for WooCommerce

In this current era, almost everyone uses at least one social media account of one of the most popular social sites like Google+, Facebook, Twitter, LinkedIn, and Instagram, etc. Instead of creating a new account for your WooCommerce store, you can directly log in through any of your social accounts.

Today, in this tutorial, I will teach how you can configure a plugin to enable social login in your WooCommerce store. Although, there are lots of plugins to enable social login. But we’ll use “Super Socializer”, that is compatible with WooCommerce websites.

Super Socializer can also be used for Social Sharing, Commenting and Like Buttons. You can read their complete list of features from the plugin directory. But here, we’ll discuss about WooCommerce Social Login only.

Note:

  • This plugin can not work on local server, you must have to live website for using plugin functionality.
  • You should install Fancy Facebook Comments, in case, if you want to integrate only Facebook Comments.
  • If you want to integrate only Social Share, you should install Sassy Social Share.

Super Socializer Features

There are many features in Super Socializer, some of them are mentioned below.

  • Enable WooCommerce Social Login interface at WordPress Login, Register pages and comment form.
  • Enable WooCommerce Social Login at WooCommerce checkout page and customer login form.
  • Syncs user’s basic social profile data with WooCommerce profile.
  • Enable URL shortening to use in sharing.
  • Enable/Disable total/individual share count(s).
  • 24/7 quickest customer support.

We’re assuming you’ve already installed WordPress with WooCommerce on your hosting. So, let move to the Step 1!

Step 1: Installing Super Socializer Plugin

  • Log in to your “WordPress Admin Panel“.
  • Navigate to “Plugins > Add New“.
  • From top right, search for “Super Socializer”.
  • Click on “Install Now” button as shown in the image.
  • After installing, click on the “Activate Plugin” button.

Installing Super Socializer Plugin

After successful activation, the plugin tab will appear on your side panel screen.

side panel screen

Step 2: Configuring Super Socializer

From your WordPress admin panel, navigate to “Super Socializer > Social Login“. Here you can see some options like General Options, Social Commenting, Social Login, Social Sharing, and Like Button. Now let’s figure out these options.

General Options

Here you can set out the general options like Javascript setting, and also here you can add the Custom CSS as well. If you are a non-technical person then I would like to suggest choose default setting.

General Options

Social Commenting

Social commenting enables your website users to comment at your blog using their existing accounts on Social networks. If you want to enable this option then “Checked” the “Enable Social Commenting” option.

Social Commenting

Social Sharing

Social sharing their is ton of different things you can do down here so these are the few options you can setting out here like theme selection, standard interface, floating interface, miscellaneous, shortcode and widgets, troubleshooter and FAQ.

Social Sharing

Like Button

Here you can set the like button setting, where you want to add like Homepage, Posts, Pages, Excerpts and Posts page, Category Archives, Archive Pages (Category, Tag, Author or Date based pages), Attachments, Products, and Tabs.

Social Login

Social Login enables your website users to log in using their existing accounts on Social networks like Facebook, Twitter, LinkedIn, Google plus etc.

  • Select “Enable Social Login”.
  • Under “Basic Configuration” tab, select providers that you want to include in your Login screen.

Social Login

You need to get API for each provider. In this tutorial, we will only cover WooCommerce login via Facebook.

Step 3: Getting App ID from Facebook

To get your “Application ID” from Facebook, you need to “login” to your Facebook account and go to the developers section.

From top right corner, click on “Register Now” button.

Getting App ID from Facebook

The popup will appear on your screen, you need to complete the registration procedure.

Registration Procedure

Next, fill the app details like App Name, and Email address.

Register

Next, select any one option which describes what you do.

select any one option

Next, you are in the dashboard screen. Now you need to go Facebook Login section and then click on the “Set Up” button.

Set Up

Next, you need to Select “Website”.
Select Website

Next, you need to fill the following steps, including your app name, website url, etc.

app name

You now have to take your application “live” by navigating to “App review” and switching the button to “Yes“.

App review
Next, Navigate to “Settings > Basic”. Here you can get the App ID, and App Secret.

Basic

Now go back to your “WordPress Admin Panel” and navigate to:

“Super Socializer > Social Login“. Besides Facebook, paste “Application ID” extracted from Facebook.


Click on “Save Changes” at the bottom of the page.

You’re done!

For other social networks, here is how you can get their respective API keys:

After getting API keys of above social networks, copy and paste them into your “Super Socializer > Social Login“.

Click on “Save Changes” at the bottom of screen.

Now, visit your “WooCommerce store“. Click on “Log in“.

You’ll see your WooCommerce social login icons like below. (In our example, we taught for Facebook only, that’s why we’re having only Facebook icon in below image).

WooCommerce social login icons

Final Words!

You are now done with simplifying your login options for your website. Applying social sign-in facility permits you to register your website using already verified credentials. This will save you lots of time.

Are you facing any difficulty? Feel free to post any query by using the comments section below. Launch your free trial on the WooCommerce Managed Hosting Platform today to integrate WooCommerce social login into your online store.

Share your opinion in the comment section. COMMENT NOW

Saud Razzak

Saud is the WordPress Community Manager at Cloudways - A Managed WooCommerce Hosting Platform. Saud is responsible for creating buzz, spread knowledge, and educate the people about WordPress in the Community around the globe. In his free time, he likes to play cricket and learn new things on the Internet. You can email him at m.saud@cloudways.com

Your WooCommerce Store Needs A Reliable Host

With no compromise on Performance, Security & Support.

Get Our Newsletter
Be the first to get the latest updates and tutorials.

Do you like what you read?

Get the Latest Updates

Share Your Feedback

Please insert Content

Thank you for your feedback!

THERE’S MORE TO READ.