0:00
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
0:06
Let's see you have an e-commerce website like this. Now if a customer wants to buy this product
0:14
and adds it to cart, and click specifically to checkout, it will take them to a checkout page
0:24
Now instead of showing the checkout page, you want your customers to be taken to a login page like this
0:30
where they can log in or create an account on your site to purchase your product
0:35
You can do that easily by watching this video. So after watching this video
0:40
when a customer clicks proceed to checkout, it will take them to a login page like this
0:48
Now when they enter their details and click login, they will be taken to a checkout page
0:58
where they can complete their purchase. they purchase. So let's get started
1:02
I am Brian from website learners and let's add the login page on our e-commerce website
1:06
First, let's see our site. Here it is. Now to add the login page before checkout, we are going to do two steps
1:15
The first step is to enable a concreation on your website. Once you enable the acconcreation, the sign up form will be added to your site
1:24
So to enable it, let's go to your owncreated to your website
1:28
Let's go to our WordPress dashboard, then go to WooCommerce and click Settings
1:37
Now click Accounts and Privacy and it will take you to this page
1:45
Now to allow your customers to create an account on your website just enable this option Once you done that just scroll down and click Save Changes
2:01
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
2:12
So to install a plugin, let's go to plugins and click a plugin
2:16
add new. Now here search for WooCommerce Force authentication. And you will get this plugin
2:32
Now this is the plugin which helps us to add the login and the sign up form before the checkout
2:39
So to install the plugin, let's click install. And then click activate
2:51
So now we have successfully installed the plugin and our login page will be added to our website
2:57
So to check how it works. Let's go to our site. Now let's say a customer wants to buy this product
3:09
And add it to the cart. Now if they click proceed to checkout
3:16
You can see that, they are 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
3:29
Now let's say the customer already has an account on your site. So to complete the purchase, all they have to do is, just enter their details
3:39
and click login So once the customer is logged in you can see that We have now got our checkout page
3:49
So now your customers can go ahead and purchase the product from your website. Okay
3:54
So this is how your existing customers can log into your site before checkout and complete the purchase
3:59
Now what if a customer does not have an account on your site? How can they complete the purchase
4:04
Next, let's see how you customers can purchase your product. So let's go to our site
4:13
Now let's say a customer wants to purchase this product and adds it to cart
4:22
Now if they click proceed to checkout, you can see that we have got login and sign up page
4:30
Now to complete the purchase, instead of logging in, the customer can create an account
4:35
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
4:48
As soon as you click register, your account will be created. And as you can see, we now have our checkout page
4:57
So now your customers can go ahead and purchase the product. Okay
5:02
So this is how a new customer can create an account and purchase the products from your site
5:07
Now let's say you want to change the look of your login and sign up forms and have a different style like this
5:13
which looks more attractive. How can you do that? So next, let's see how you can change the look of your forms
5:21
So to do that, first we need to install a plugin. So to install the plugin, let's go to our WordPress dashboard
5:30
then go to plugins and click add New Now search for Login Sign Up Popup
5:43
And you will get this plugin. This is the plugin which is going to help us change the look of our forms
5:51
So to install the plugin, let's click install. And then click activate
6:00
So now we have installed the plugin. Once you have installed the plugin, let's go back to our site
6:08
Now if we click refresh, you can see that we have changed the look of our forms
6:18
If you want to change the button colour of this form, like this
6:25
you can do that by going into the plugin settings. plugin settings
6:32
So let's go to our WordPress dashboard. Then go to login, sign up pop up and click settings
6:45
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 change the style of your form
6:58
You can change the colour from here. Okay, so that's it guys, this is how you can add the log and a signup page before
7:04
check out on your whocomers website. Now if you want to learn more about WordPress and create awesome websites like these
7:14
you can check out our Maker Pro website course by clicking here. And also make sure you subscribe to website learners to get more videos like this one
7:24
Thanks for watching, I'll see you in the next video, take care, bye bye
