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.

How to Add Social Login to WooCommerce

May 21, 2019

8 Min Read
woocommerce social login
Reading Time: 8 minutes

Websites these days require you to log in to use the full complement of the services. As a result, an average Internet user has more accounts that they can possibly remember. And, it seems that nobody wants to remember passwords anymore. in many cases, people even forget the usernames associated with their accounts. since this is a common issue these days, the idea of a single set of credentials that work everywhere is very appealing.

Everyone has at least one social media account that they use regularly. Thus, using that account to login to other websites can simplify life for everyone. Thus, popular social media platforms such as Facebook, Twitter, LinkedIn, etc have opened up their API so that the user credentials can be used as social login for other websites.

WooCommerce has a signup and login process similar to WordPress. This means that it shares the same rather long signup process in which the user needs to submit an email address, password, and username. Next, the user receives the signup link in the email

Using social media accounts as login credentials for WooCommerce and WordPress websites considerably shorten this process and saves the users from remembering another set of credentials.  To help you get started, I am going to show you how you can integrate WooCommerce social login and increase the conversion rate of your WooCommerce store.

What is WooCommerce Social Login?

WooCommerce social login helps the users speed up the login process. All they have to do is click a button (connected to their social media profiles), and save time and hard work. For the WooCommerce store owners, social login offers accurate data and above all, a verified profile (with an active email address) that they can use for nurturing campaigns.

Benefits of WooCommerce Social Login

WooCommerce social login comes with a whole lot of benefits including:

  • The administrator gets access to verifiable user data
  • Store owners see a significant boost in the conversion rate of WooCommerce store
  • Users save a lot of time and wasted effort
  • Improved security for everyone
  • Administrators can fill a lot of gaps in user details through social login

How WooCommerce Social Login Works

WooCommerce social login is very easy to use, and the users don’t have to enter additional details during the process. The process is applicable at all pages including the login page, checkout page, or something else.

Here’s a website that employs social login for the users:

Example: Packwire

WooCommerce-Social-Login-Packwire

As you can see, at the login page, users don’t need to enter any additional information. All they have to do is click their preferred social media login button and they are good to go.

WooCommerce Social Login Plugins

Like every other area, when it comes to social login, WooCommerce offers several plugins that get the job done. To save you the trouble of searching the right plugin, I have collected the top WooCommerce social login plugin which you can use on your sites and improve the user experience of your stores.

Super Socializer

Super Socializer

Super Socializer (60,000+ active installation) is a lightweight and free plugin which allows you to add social login buttons for the login, registration, checkout, and comments sections. This plugin is fully responsive so it is an ideal plugin to use if you have a lot of traffic coming in from mobile devices.

Note:

  • This plugin does not work on the local server. You need to install it on a live site to test out 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

Super Socializer offers the following significant features that make it ideal for WooCommerce stores

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

Nextend Social Login

Nextend Social Login

Nextend Social Login (1,00,000+ active installation) is simple and easy to use. It allows simple user registration without the need for additional details. This simplifies user registration and login processes and improves user login speed.

Nextend Social Login Features

  • Super fast and super easy
  • One-click registration and login
  • Customized design
  • User-friendly
  • Great support
  • Multiple social options available

Social Login

OneAll Social Login

Social Login (20,000+ active installation) is another free plugin that works great for your  WooCommerce stores. When activated on the site, the users can log in, register, and comment using 40+ social network accounts including Facebook, Instagram, Twitter, LinkedIn, Google+ and other popular networks.

Social Login Features

  • Supports multiple social networks
  • Fully customizable interface
  • Shortcodes available

Social Login Lite For WooCommerce

Social Login Lite For WooCommerce

This social login plugin for WooCommerce ( 2,000+ active installation) allows users to log in to their favorite WooCommerce stores through their social profiles. The plugin is simple to use and adds great value for your users.

Social Login Lite For WooCommerce Features

  • Users can log in either through Facebook or Google+
  • The plugin generates a unique password for every user
  • You can add social login plugin to different pages including login, registration and checkout pages.

YITH WooCommerce Social Login

yith-social-login

YITH WooCommerce Social Login plugin 910,000+ active installation) allows your existing and potential customers to access your WooCommerce stores through their Google+, Facebook, and Twitter accounts. It is very easy to use and integrates without any issues within your WooCommerce sites.

This is a freemium plugin with a premium version that comes with an expended feature set.

YITH WooCommerce Social Login Features

  • Simple, easy, and quick setup
  • Login button automatically added on WordPress login, user account, and checkout pages
  • Login with Facebook, Twitter, and Google+
  • Customize the text on the checkout page

Deploy WooCommerce Social Login Plugin at Your WooCommerce Store

I will now discuss how you can configure a plugin to enable social login at your WooCommerce store. Although you can use any plugin to enable social login, I will use “Super Socializer” for the purpose of demonstration. I chose this plugin because of excellent compatibility with WooCommerce.

I also assume you’ve already installed WordPress with WooCommerce on your staging server.

Let move to Step one!

Step 1: Install Super Socializer Plugin

  • Log in to your “WordPress Admin Panel“.
  • Navigate to Plugins >  Add New.
  • In the top right Search box, search for “Super Socializer”.
  • Click the “Install Now” button.
  • Once the process finishes, click the “Activate Plugin” button.

Install Super Socializer Plugin

After successful activation, the plugin tab will appear in the left-side menu panel.

Activate Super Socializer Plugin

Step 2: Configure Super Socializer

From the WordPress admin panel, navigate to “Super Socializer > Social Login“. Here you can see options such as General Options, Social Commenting, Social Login, Social Sharing, and Like Button.

Let’s figure out these options.

General Options

Here you can set the general options such as Javascript setting. Similarly, you can also add custom CSS as well. If you are not a techie, I highly recommend choosing the default settings.

General Options - WooCommerce social login

Social Commenting

Social commenting enables the visitors to comment at blog posts using the existing social media accounts. If you want to enable this option, check the box with the label: “ Enable Social Commenting”.

Social Commenting - social login

Social Sharing

This set of tabs offers a lot of options including theme selection, standard interface, floating interface, miscellaneous, shortcode and widgets, troubleshooter and FAQ.

Social Sharing - social login woocommerce

Like Button

Here you can set the like button setting, and where you want to add it. The available options include the homepage, posts, pages, excerpts, and the posts page, category archives, the archive pages (category, tag, author or date based pages), attachments, products, and tabs.

Like Button - woocommerce social login

Social Login

Social Login enables the visitors to log in using their social network accounts including Facebook, Twitter, LinkedIn, Google +, etc.

  • Select “Enable Social Login”.
  • Under the “Basic Configuration” tab, select the providers (social media networks) you want to include in the Login screen.

Social Login - Social login woocommerce

You need to get the API for each provider you choose to include on the login page. In this tutorial, I will cover the WooCommerce login via Facebook.

Step 3: Get the Facebook App ID

To get your Application ID from Facebook, you need to log in to your Facebook account and go to the developers section.

In the top right corner, click the Register Now button.

Get the Facebook App ID - social login

Complete the registration process.

registration process - social login

Next, fill the app details such as the app name, and email address.

facebook for developer - social login woocommerce

Next, select the option which describes what you do the best.

best describe what you do - social login woocommerce

Next, the dashboard appears. You need to go to the Facebook Login section and click the “Set Up” button.

Facebook Login section - social login woocommerce

Next, select the Website.

select the website - social login woocommerce

You would be required to fill out the following information including the app name, website URL, etc.

social login woocommerce - faqs

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

make woocommerce public - social login woocommerce

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

 App Secret Key

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

“Super Socializer > Social Login“.Paste the information copied in the previous steps in the relevant fields.

Super Socializer > Social Login

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

You’re done!

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

Once you have the API keys, paste them into the “Super Socializer > Social Login“.

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

Now, visit your WooCommerce store and click the Login option.

You’ll see the WooCommerce social login icons. Since I only integrated the Facebook login option, this is the only login option available to the users.

WooCommerce social login icons

Final Words!

With social login, you can simplify the entire signup and login processes for the users. As a store owner, you get the advantage of verified user data and access to social media profiles that you can use to nurture leads.

Did you face an issue during the integration process?

Feel free to post all the questions in the comments section below. Launch a WooCommerce Managed Hosting server today to integrate WooCommerce social login into your online store.

Share your opinion in the comment section. COMMENT NOW

Share This Article

Your WooCommerce Store Needs A Reliable Host

With no compromise on Performance, Security & Support.

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

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!