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?
- Benefits of WooCommerce Social Login
- How WooCommerce Social Login Works
- WooCommerce Social Login Plugins
- Step 1: Installing Super Socializer Plugin
- Step 2: Configuring Super Socializer
- Step 3: Getting App ID from Facebook
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:
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 (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.
- 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 (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
- Great support
- Multiple social options available
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
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 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.
After successful activation, the plugin tab will appear in the left-side menu panel.
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.
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”.
This set of tabs offers a lot of options including theme selection, standard interface, floating interface, miscellaneous, shortcode and widgets, troubleshooter and FAQ.
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.
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.
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.
Complete the registration process.
Next, fill the app details such as the app name, and email address.
Next, select the option which describes what you do the best.
Next, the dashboard appears. You need to go to the Facebook Login section and click the “Set Up” button.
Next, select the Website.
You would be required to fill out the following information including the app name, website URL, etc.
You now have to take your application “live” by navigating to “App review” and switching the button to “Yes“.
Next, Navigate to “Settings > Basic”. Here you can get the App ID and the 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.
Click “Save Changes” at the bottom of the page.
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.
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.
Your WooCommerce Store Needs A Reliable Host
With no compromise on Performance, Security & Support.
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 firstname.lastname@example.org