Create Separate WooCommerce Login and Registration Pages Along With Social Login

Wondering how to create separate login and registration pages in WooCommerce? Are you looking to create a WooCommerce login option for your customers, but confused about the various options that are available out there? Do you want to create custom Login pages, Sign up pages, and Registration pages for your WooCommerce store?

Don’t’ worry, you are in the right place. In this article, I will guide you through the different WooCommerce login options that are available for the customers and also how to set up the WooCommerce login pages using some great WooCommerce login plugins available out there.

So, Let’s dive into it.

WooCommerce Login for Customers

WooCommerce comes with a guest checkout options by which customers can buy your products as a guest user, without having to register and login into your website.

If you want your customers to Register / Login to your WooCommerce store to purchase the products, then you can use the WooCommerce My Account page that contains the  WooCommerce login shortcode such as:

[woocommerce_my_account]

You can use the same shortcode to create new Login and Registration pages or in your WooCommerce header or sidebar.

But the functions of this WooCommerce login shortcode is limited and may not be useful if you want to create a complex login form with specific goals.

If you want to create a separate login and registration pages in WooCommerce without changing any codes, you can make use of WooCommerce login plugins for more features and customization.

Creating Login / Registration Pages with WooCommerce Login Plugin

There are several WooCommerce login plugins available to create a WooCommerce login and Register pages. In this article, we will use one of the best WooCommerce login plugin available called the WooCommerce Login / Signup Lite plugin.

First, we need to activate a simple plugin called WooCommerce Login / Signup Lite plugin.

WooCommerce Login / Signup Lite

WooCommerce Login plugin helps you create a WooCommerce customer login option for your store.

There is a free Woocommerce Login / Signup Lite plugin that is enough to create a simple WooCommerce login form. You can purchase their premium version if you are looking for more options. 

Basically, there are 3 things that are possible using this plugin:

  1. You can create a WooCommerce login page.
  2. You can create a WooCommerce Register page.
  3. You can also create Login/Signup buttons in the menu that will bring the popup for the customer login.

Let’s see how to create all these steps by step.

They have 3 WooCommerce shortcodes such as:

WooCommerce Login Shortcode / WooCommerce Login Form Shortcode:

[lsphe-login-form]

WooCommerce Signup Form Shortcode / WooCommerce Registration Form Shortcode:

 [lsphe-signup-form]

Shortcode for both login and Signup form:

 [lsphe-header]
Create a WooCommerce login page:

  1. First, go to pages and click on ‘Add New’.
  2. Give a title for the page and apply the shortcode in the content area.
  3. To create the login form, use the shortcode:
     [lsphe-login-form]
  4. Then hit the publish button
  5. Now, view the page in the front-end and you will see the WooCommerce customer login form displayed for your customers.
Create a WooCommerce Signup (Registration) page:

  1. Just follow the above steps and use the shortcode:   
    [lsphe-signup-form]
  2. Once published, it would have created WooCommerce signup forms for your customers.
  3. If you want both the login and signup form together, you can use the shortcode:
    [lsphe-header]

Shortcodes are to create a login and sign up page. You can also have buttons on the menu that will create a login/sign up popup.

Create a WooCommerce Login popup:

  1. Go to Appearance –> Menus
  2. Select the screen options that will be on the top of the screen. In that, enable the ‘CSS classes’ under the Show Advanced Menu properties’ section.
  3.  Then select the Custom links that will appear under the Add Menu items and give the URL as “#” and give a name for the menu and click ‘Add to Menu’.
  4. After adding the menu, add the CSS class for Popup login:
     phoen-login-popup-open
Create a WooCommerce Signup (Registration) popup:

  1. Just follow the above steps and use the CSS class:
    phoen-signup-popup-open
  2. If you want to include a popup for both Login and Signup, use the class:
    phoen-login-signup-popup-open

I hope you now have a clear idea of how to include a WooCommerce and signup page/button for your WooCommerce users.

Also See: How to Add WooCommerce Custom Fields

Besides WooCommerce Login / Signup plugin, there are other interesting plugins that does the job of creating a WooCommerce login quite well. Let’s take a look at some of them

WooCommerce Popup Signup & Login Forms

With the WooCommerce Popup Signup & Login Forms that is available in CodeCanyon, you can easily create a Signup & Login popus with links in your WooCommerce users.

Features of WooCommerce Popup Signup & Login Forms plugin:
  • Comes with 2 shortcodes to include a login page and signup (registration) page links in the custom menu
  • Has options to custom redirect the WooCommerce customers after the signup (registration) and login
  • It works well with popular WooCommerce themes and it is responsive and mobile adaptive.

Note that the plugin’s last update is March 2018 (Last Checked on Septemper 2020).

Also See: Best WooCommerce Extra Product Options Plugins

Login/Signup Popup (Inline Form + Woocommerce)

Login/Signup Popup is a simple & lightweight plugin that has 10000+ active installs (As of September 2020) in WordPress.org.

Features of Login/Signup Popup (Inline Form + Woocommerce)
  • You can create a WooCommerce login form, signup form (registration form) and also lost password form
  • Customize all the fields of the form with their extensive styling option
  • WPML compatible and also regularly updated and actively supported
  • It also comes with premium addons for features such as Custom Registration Fields, Email Verification, One time password (OTP) Login, Social Login and more security features.

Also See: Best Checkout Field Editor Plugins

WooCommerce Login Popup and Shortcodes

WooCommerce Login popup and shortcodes allow you to create a beautiful login page and also customize it to match your store’s design.

Features of WooCommerce Login Popup and Shortcodes plugin:
  • You can enable Login / Signup popup in any of the WooCommerce pages.
  • You can also use the shortcodes to automatically display the login and registration box in your WooCommerce store.
  • The modal box content will automatically change to WooCommerce dashboard navigation links if it is an already logged in user.

Note that the plugin has not been updated for the last two years (As of September 2020)

Pro eCommerce Tip:

With the WooCommerce customer login you can allow logged in customers to post product reviews in your product pages. If you want to allow non-logged in customers to post product reviews or to add more features to the review, you could use a WooCommerce review plugin.

WooCommerce Social Login for Customers

Generally, customers don’t want the hassle of creating new accounts and you may lose customers if you force them to register to make a purchase. So what you can do is you can allow customers to login to your WooCommerce store using their existing Social Media Accounts using the WooCommerce Socal Login plugins.

Why Give Social Login option for WooCommerce Customers?

Do you know that social login plays a crucial role in increasing your conversion rate and improving WooCommerce sales?

Here are some of the stats about the social login that will blow your mind:

  • A survey by Gigya found that 88% of users preferred social login to connect with sites and apps.
  • 77% of users believe social login is a good login solution for any e-commerce site.
  • 56% of users mentioned that they prefer social login just to avoid filling out a registration form.
  • Most users have mentioned that they prefer social login because they hate remembering another username and password.
  • Customers have experienced an average of 10% increase in their conversion rates by using social login.

So basically, most WooCommerce customers prefer social login just for 2 main reasons:

  • Social logins are more secured.
  • They don’t want to waste time filling up the signup forms.
  • They don’t want to remember many usernames and passwords.

I believe by now, you are convinced about the importance of having a WooCommerce social login in your store. 

Let’s see how to add a WooCommerce social login by using a plugin called YITH WooCommerce social login. I will also mention the other plugins available by which you might consider for adding a WooCommerce social login for your store.

YITH WooCommerce Social Login

YITH WooCommerce social login is the most popular social login plugin that allows your customers to login using the social profiles they have.

YITH login supports almost 12 social logins for your customers. The best thing about this plugin is that you could also get a report on how much customers have used their social network to access your site and also which social network.

How to create social login with YITH WooCommerce social login plugin:
  1. Once the plugin is installed and activated, the Login button for Facebook, Twitter and Google will be automatically added in MyAccount page, checkout page and also in the WordPress login.
  2. To enable Facebook Login go to, Premium version settings –> Facebook configuration settings.
    Enable the Facebook login option and enter the “Facebook App ID” and “Facebook Secret” to allow your users to log in via Facebook. If you have not set this up before, please check this
    doc on how to get the Facebook App Id and Facebook secret key.

  3. To enable Twitter Login go to, Premium version settings –> Twitter configuration settings –> Enable Twitter Login
    Enter the Twitter Key and Twitter secret to enable the twitter option. Please check this
    article on how to create the Twitter Key and Twitter secret.
  4. In the same way, you can enable all other social logins. You can check their docs on how to enable each social profile.

So by now, you should have a clear idea of how to create a WooCommerce social login using the YITH social login plugin.

Also See: How to Use Elementor Page Builder with WooCommerce

Besides YITH WooCommerce social login, there are also other great plugins available to set up a WooCommerce social login.

Other WooCommerce Social Login plugins:

There are WooCommerce Social Login plugins other than YITH WooCommerce Social Login. Some are even free so you can give them a try. They are,

WooCommerce Social Login:

This is an official extension of the WooCommerce itself that allows your WooCommerce customers to log into your site using their social profile accounts instead of creating a new user account credentials. 

Features of WooCommerce Social Login plugin
    • Social accounts could be automatically linked to their user accounts.
    • Enable Social login buttons on the ‘Thank you page’ to encourage your customers to link their accounts for faster purchases in the future.
    • Integration with Product Review Pro to display the social login buttons in their WooCommerce login forms.

Nextend Social Login and Register

Nextend Social Login is the most free popular WordPress social login plugin with more than 200,000+ active installs in WordPress.org.

Features of Nextend Social Login and Register plugin
  • WooCommerce Login via Facebook, Google and Twitter available in the free version.
  • Super easy to set up and use
  • Display your social profile picture as an avatar
  • More social login options available via Pro version such as you can customize the login buttons, new registration during WooCommerce checkout, request e-mail addresses and more

Super Socializer

Super socializer is an interesting free WooCommerce login plugin that does not just allow a social login option but also has options for social sharing and social commenting.
Features of Super Socializer plugin
  • Enable social login at not just WooCommerce pages but also in WordPress Login, Register pages, and comment forms.
  • You can also allow visitors to comment using their social profiles.
  • Social Share from around 100 social networks
  • It has premium add-ons for more social features such as Facebook Comments Moderation and Comments Notifications and more

Hope this article gave you a clear idea on how to create separate WooCommerce customer login and registration pages with all the available WooCommerce login plugins.

Do share your thoughts and questions in the comments section.

Leave a Comment

Your email address will not be published. Required fields are marked *