How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce

When I open a product on any e-commerce site, I see two buttons, an add to cart and a Buy Now But, we don’t have those WordPress WooCommers sites by default buy now button. Today we will learn “How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce”. So let’s get started.

Install Buy Now WordPress Plugin

To add the, Buy Now button to our site, you need to install a WordPress plugin called Direct checkout, WooCommerce Single page checkout, and WooCommerce One page checkout. With this plugin, you can not just add the, Buy Now button. There are many more options in this plugin. One by one we, will see all the possibilities.

• Redirect to the checkout page after adding to the cart
• Remove, continue shopping link that is, shown when you add the Product to the cart
• Disable cart page
• Show the cart on the checkout page
• Change add to the cart, read more, Select options button text
• Quick, purchase button can be, enabled on the product page or product archive pages like shop or category
• Change quantity on the checkout page

Several other options will only look at specific emergency options. To install the plugin, login to the WordPress admin panel, click on Add New from the plugin and type in the search bar Direct checkout, Add to cart redirect, Quick purchase button, Buy now button, and Quick View button for WooCommerce. Install and activate the plugin.

Basic setting

Disable cart page

If you turn on the Disable cart page and add any cart to the Product, it will be redirected directly to the Checkout page without going to the cart page. Since we will add a separate Buy now button, we will keep it off. You can turn it on if you want.

Enable single-page checkout

If you enable single-page checkout, the checkout page and cart page will become one, meaning two pages will show together.

Redirect Setting

Redirect, Setting Turn off all options because, since we will add the buy now button, we will not redirect, add to cart on the Checkout page.

Add To Cart

Add to Cart Options here. You can change the text of the add to cart, Select options, and Read more button.

Buy Now Button

Buy Now button. We will turn on this option. Now, we will add our site Buy Button. Below are several more options that you can use to customize the buy now button. Please take a look at these and customize them to your liking.

Basic Setting Quick View

Basic Setting Quick View Option Here, you can turn on the Quick View option if you do not have the WordPress themes you are using. I’m turning it off because I don’t need this option. You can turn on the option if you want. There is no problem.

Change and Remove Quantity on the checkout page.

Change and Remove Quantity on the checkout page This option allows you to customize the checkout page. E.g.

• Remove the product option on the checkout page
• Change the quantity of product
• Remove order comment
• Remove the coupon field from the checkout page

Much more. You can use it if you need it. We don’t like these, so we keep all the options off.

We have successfully added the buy now button.
I’m using some CSS to make the buy now button a little more beautiful. If you know CSS, you can too. I am sharing the CSS code I used, you can use it, but it will only work on Kadence themes

button.button.pisol_single_buy_now.pisol_buy_now_button.pisol_type_simple {
    margin-left: 5px !important;
    font-size: 19px !important;
    font-family: 'Poppins' !important;
    margin-top: 0px !important;
}

button.single_add_to_cart_button.button.alt {
    font-size: 16px !important;
    font-family: 'Poppins' !important;
}

@media screen and (min-width: 576px)
.kadence-cart-button-medium-large.woocommerce div.product form.cart div.quantity.spinners-added {
    width: 20%;
	  font-size: 14px 
}


@media screen and (min-width: 576px)
.kadence-cart-button-medium-large.woocommerce div.product .button.single_add_to_cart_button {
    width: 35% !important;
    font-size: 14px !important;
}
@media screen and (min-width: 576px) {
button.button.pisol_single_buy_now.pisol_buy_now_button.pisol_type_simple {
	width: 35% !important;
    font-size: 18px !important;
}
}


@media (max-width: 759px) {
	.kadence-cart-button-medium-large.woocommerce div.product form.cart div.quantity.spinners-added {
		width: 25%;
		
	}
}
@media (max-width: 759px) {
.kadence-cart-button-medium-large.woocommerce div.product form.cart div.quantity.spinners-added~.button.single_add_to_cart_button {
    width: 35% !important;
	font-size: 14px !important;
}
}


@media (max-width: 759px) {
button.button.pisol_single_buy_now.pisol_buy_now_button.pisol_type_simple {
	width: 34% !important;
    font-size: 14px !important;
	padding: 14px !important;
}
}

You can read our other WordPress posts

• How To Add Dark Mode in WordPress Free Method
• How to Add OTP Based Two Factor Authentication in WordPress for Free
• How To Add Web Push Notifications To Your WordPress Website Free [2021]
• How to add Facebook chat WordPress and blogger website easy way [ 2021]

I hope this post will be helpful to you. If you like it, please share the post. If there is any problem, please comment. I will try to solve it.