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.
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.
- 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.
After successful activation, the plugin tab will appear on your 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.
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 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.
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 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.
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.
The popup will appear on your screen, you need to complete the registration procedure.
Next, fill the app details like App Name, and Email address.
Next, select any one option which describes what you do.
Next, you are in the dashboard screen. Now you need to go Facebook Login section and then click on the “Set Up” button.
Next, you need to Select “Website”.
Next, you need to fill the following steps, including your 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 App Secret.
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.
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).
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.
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
Your WooCommerce Store Needs A Reliable Host
With no compromise on Performance, Security & Support.