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
like this,
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 checkout page,
you want your customers to be taken to a log in page.
like this
Where they can login or create an account on your site to purchase your product.
You can do that easily by watching this video.
So after watching this video,
when a customer clicks proceed to checkout,
it'll take them to a log in page like this,
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 Bryan from Website learners
And let's add the log in page on our ecommerce website.
first
Let's see our site
here it is
now to add the login page before checkout.
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 clink 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 this 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?
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
and create awesome websites like these,
you can checkout our make a pro website course
by clicking here
And also make sure you subscribe to website learners to get more videos like this one.
Thanks for watching.
I'll see you in the next video.
Take care.
Bye-bye.