How To Add Login & Signup Page Before Checkout

Hi guys today, we're going to see how you can add a login and sign up page before checkout on your e-commerce website. Let's say you have an e-commerce website, now if a customer wants to buy this product And adds it to cart And clicks proceed to checkout, it'll take them to a checkout page. Now, instead of showing the check out page, you want your customers to be taken to a log in page. Where they can login or create an account on your site to purchase your product. You can do that easily by reading this Article. So after reading this article, when a customer clicks proceed to checkout, it'll take them to a log in page,  now when they enter their details and click login there'll be taken to a checkout page where they can complete their purchase. So let's get started. I am Vaibhav And let's add the log in page on our ecommerce website. 

Step - I

We're going to do two steps. The first step is to enable account creation on your website. Once you enable the account creation, the signup form will be added to your site. So to enable it. Let's go to our WordPress dashboard, then go to woocommerce and click settings, now click Account  Privacy  And it will take you to this page.  Now to allow your customers to create an account in your website. just enable this option. 

Once you've done that  just scroll down And click save changes. So now we have successfully enabled the account creation. Once you have enabled it Next, let's go to step two, which is to install a plugin. So to install a plugin, let's go to plugins And click 'Add new' now here Search for 'woocommerce force authentication'. And you will get the plugin. Now, this is the plugin, which helps us to add the login and the sign up form before the checkout. So to install the plugin let's click install and then click activate. So now we've successfully installed the plugin. And our login page will be added to our website. So to check how it works. Let's go to our site. 

Now, let's say a customer wants to buy this product and adds it to the cart. Now, if they click proceed to checkout  you can see that they're taken to our account page. and now If a customer wants to complete the purchase, they need to log in or sign up on your site. Now let's say the customer already has an account on your site. So to complete the purchase, all you have to do is just enter their details and click login. So once the customer has logged in, you can see that we have now got our checkout page. 

So now your customers can go ahead and purchase the product from your website. Okay. So this is all your existing customers can log in to your site  before checkout and complete the purchase. But what if a customer does not have an account on your site How can they complete the purchase? 

Step - II

Next Let's see, how new customers can purchase your product. So let's go to our site. Now, let's say a customer wants to purchase this product. and adds it to cart. Now if they click proceed to checkout, you can see that we have got login and sign up page . now to complete the purchase Instead of logging in the customer can create an account using this sign up form. 

So to create an account, just like a customer would do let's fill up these details and click register. As soon as you click register, your account will be created. And as you can see, we now have a checkout page  much I got paid. So now your customers can go ahead and purchase the product. Okay So this how new customer can create an account and purchase the product from your site. 

Now, let's say you want to change the look of your login and sign up forms  and have a different style like this, which looks more attractive. How can you do that? So next, let's see how you can change the look of your forms. 

So to do that first, do we need to install a plugin So to install the plugin, let's go to our WordPress dashboard, then go to plugins  and click add new now search for login signup popup And you will get this plugin. This is the plugin, which is going to help us change the Look of our forms. So to install the plugin, let's click install it and then click activate. So now we have installed a plugin. Once you have installed the plugin. Let's go back to our site. Now, if we click refresh, you can see that we have changed the look of our forms. If you want to change the button, color of this form like this, you can do that by going into the plugin settings. So let's go to our WordPress dashboard. Then go to login signup, popup and click settings,  now click style and it will take you to this page   Now, if we scroll down And as you can see, we have options to style of your form. You can change the color from here. 

Okay, So that's it guys. This is how you can add the login & signup page before checkout on your WooCommerce website. Now if you want to learn more about WordPress, you can Click here

Thanks for Reading. I'll see you in the next Article. Take care. Bye-bye.