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

Introduction

When 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, 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 options

  • Redirect to the checkout page after adding to cart
  • Remove, continue shopping link that is, shown when you add the Product to the cart
  • Disable cart page
  • Show 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
How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce

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, Quick View button for WooCommerce. Install and activate the plugin.

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

Basic setting

Disable cart page

If you turn on the Disable cart page, if you 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, checkout page and cart page will become one, meaning, 2pages 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.

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

Add To Cart

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

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

Buy Now Button

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

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

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

How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce
Basic Setting Quick View

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 product option on the checkout page
  • Change quantity of product
  • Remove order comment
  • Remove 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.

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

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;
}
}
How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce
How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce
How To Add A Buy Now Button. Send People Directly To Checkout WooCommerce

You can read our other WordPress posts

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

Share your love
Default image
SM.Tanvir Hassan
I love technology and love to learn. This is my personal blog. I share with you everything I learn through this blog
Articles: 19

Newsletter Updates

Enter your email address below to subscribe to our newsletter

4 Comments

Leave a Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.