1. Documentation /
  2. Social Login Pro for WooCommerce

Social Login Pro for WooCommerce

Overview

↑ Back to top

Allow your shoppers to login and checkout with social networks such as Facebook, Twitter, Google, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Amazon, LINE, Disqus and login with Email.

Minimum Requirements

↑ Back to top

Below are the minimum requirements to use the plugin.

  • cURL is required for the plugin to function.
  • To allow sign in with Amazon, you must use an SSL for your site.
  • PHP version 5.3 or greater (PHP 5.6 or greater is recommended)
  • MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)
  • WordPress 4.4 or greater

The Plugin Settings

↑ Back to top

New Account Email Template
Choose new account email notification type. This option allows you to choose whether you want to send either WordPress or WooCommerce new account email, when user registers via social media.

New User Default Role

Select the default role you want to assign when new user register they account via social login.

New Account Email 

To notify users while they register by any social media network enable this setting.

New Account Email to Admin

To notify the admin when a new user registers through social media enable this setting.

Redirect URL

Provide a redirection link for users once they log in with social media network. Make sure the URL must begin with either https:// or http://

Auto-registered Usernames

Select an option to create username based on unique ID & random number or based on real name or an email ID.

Display Settings


Add Social Login buttons on:

For adding social login to the default WordPress login page/WordPress registration page enable this setting.

Social Login Title

Add Social Login Title text here

Social Buttons Image/Text

Here you can completely customized the look of the social login buttons. Use image as buttons options allows you to upload custom image and Use text as buttons allows you to display custom text buttons.

If you use image as buttons then you will get options to upload image for button as below:

Same for other social accounts settings.

If you use text as buttons then you will get options to set the text for button as below:

Social Buttons Position

Choose from the above options for positioning the social login buttons. You may also choose custom hook for exhibiting custom form.

Using a Custom Hook

This is only recommended if you know what you’re doing. If you want to have the Social buttons on a special place added automatically on which you want to display, then you can use the following code within your theme:

do_action( 'woo_custom_social_buttons' );

woo_custom_social_buttons can be any name you wish. Place that code in to the specific place within your theme where you want the social buttons being displayed and then use, in our example woo_custom_social_buttons, within the WooCommerce Social Login Pro Settings Box and copy and paste it in to the Custom Hooks field.

GDPR Settings

Enable GDPR

Enable this setting to Enable GDPR notice on social login.

Privacy Page

Choose a page to act as your privacy page.

Social Login Privacy Policy

Enter the text with your privacy policy link to show above the social buttons.

[privacy_policy] – Display privacy policy page link

WooCommerce Settings

↑ Back to top

Add Social Login buttons on:

Enable this setting to add social login buttons on WooCommerce login page/Registration page and checkout page

Add “Connect Your Account” button on:

For permitting customers to connect their accounts on Thank you page/account page enable this setting.

Buttons Effect

Here you can select effect for the social login buttons.

Provider Settings

↑ Back to top

Most providers have similar settings (aside from PayPal and Apple). You can find settings for each provider under Social Login > Settings {Provider Icon}.

Facebook Application

Create a Facebook application before you begin to use Facebook for social login.

Enable Facebook

To Enable Facebook social login registration select this setting.

Facebook App ID/API Key

Enter Facebook API Key.

Facebook App Secret

Enter Facebook App Secret.

Facebook Valid OAuth Redirect URL

You can get a valid OAuth URL from here.

Facebook API Locale

Select your preferred language for Facebook interaction. This option will enable you to state the language you would like to use while communicating with Facebook.

Enable Facebook Avatar

Enable this setting if you want to use Facebook profile pictures as avatars.

Custom Facebook Icon

Upload personalised Facebook icon.

Custom Facebook Link Icon

Upload personalised Facebook Link icon.

Paypal Application

Create a Paypal application before you begin to use Paypal for social login.

Enable Paypal

To Enable Paypal social login registration select this setting.

Paypal Client ID

Enter Paypal Client ID.

Paypal Client Secret

Enter Paypal Client Secret.

Paypal Callback URL

Enter Paypal Callback URL.

Environment

Select which environment to process logins under. Either sandbox OR live.

Custom Paypal Icon

Upload personalised Paypal icon.

Custom Paypal Link Icon

Upload personalised PayPal Link icon.

Apple Application

Create a Apple application before you begin to use Paypal for social login.

Enable Apple

To Enable Apple  social login registration select this setting.

Apple Client ID

Enter Apple Client ID.

Custom Apple Icon

Upload personalised Apple  icon.

Custom Apple Link Icon

Upload personalised Apple Link icon.

Connect Social Networks with a Plugin

↑ Back to top

You can follow our social network API creation tutorials to create and connect the social network APIs. By creating social network APIs you will get API credentials that you need to configure within the plugin settings.

 

Social Networks api Creation Tutorials

 

Add social login widget

↑ Back to top

Want to add social login widget? just go to Appearance and click Widgets.

Find the “Social Login Pro for WooCommerce” widget and drag it to the place you want. You can add a title of widget. One added, on a frontend it will look like the image below.

Add a Shortcode for Social Login

↑ Back to top

Using Gutenberg editor

↑ Back to top

As shown in the image below you can add WooCommerce Social Login Pro block to your page & post.

Custom settings for the block will be available in sidebar where you can eliminate OR select the social network buttons.

Social Login Heading

Enter social login heading here

Activate Social Networks

Select social networks you want enable for this page/post.

Redirect URL

Enter a custom redirect URL of a page to redirect a user on this page once they get registered via social media. Leave it blank to use current page URL.

Restrict for Page / Post

Enable this setting if you want to Restrict social login buttons for pages and posts so, it will be displayed only on pages and posts.

Button effects

Here you can select effect for the social login buttons.

Social Login Frontend

After inserting shortcode, on a frontend it will look something like as shown in the image below. It depends on the settings you used.

Social Login Monitor Page

↑ Back to top

Admins can view primary social profile information by visiting “Users” menu. A new column for “Primary Social Profile” can be found as shown in the image below.

Admin can view primary and linked social account information in the user edit profile page as well.


Frontend View

↑ Back to top

Here are the front-end user experience:


Receiving User Information

↑ Back to top

Please refer the table for information that can be accepted by the plugin from each social network.

Network First Name Last Name Username Email ID Picture Cover Picture
Facebook
Google
LinkedIn
Twitter
Yahoo
Foursquare
Window Live
VK
Instagram
Amazon
Paypal
Line
Apple

Troubleshooting

↑ Back to top

Facing any troubles? Submit a support ticket and we will help you to troubleshoot.

Frequently Asked Questions

↑ Back to top

Here you will find answers to commonly asked questions about the Social Login Pro for WooCommerce extension.

After login with Twitter, it redirects me on login page to enter email address.  Why?

↑ Back to top

Twitter doesn’t provide an email address when the user logs in, so we need to ask users to add email address for the first time so that we can link that email address to their account.


Does Facebook login require an https site?

↑ Back to top

If you are using Facebook app version 2.12 or greater, it will require https for your site. For more information please see here.


How do I get a user’s email address from Twitter?

↑ Back to top

To get users email you need to enter Terms of Service URL and Privacy policy URL and tick Request email address from users option in a Twitter App that you have created. Please check the screenshot below.


Does Social Login Pro working with caching plugins?

↑ Back to top

Yes, it will work with any caching plugin.


While logging in with Facebook, I’m getting this error. “ERROR in: Graph (#200) Missing Permissions.” Why?

↑ Back to top

Yes, it’s due to the latest Facebook Graph API update. Please update it to the version 7.0 as shown in the screenshot. and check. It should work.

  • 30-day money-back guarantee
  • Support teams across the world
  • Safe and secure online payment