Some people may find the process of ordering a product (especially if it’s a simple product) too long of a process. You can provide a better user experience for this by skipping the cart page and going straight to the checkout process. We recently developed a site where the purpose was to book online courses, in this situation, most often, users would just buy a single course at a time. That being said, this is why we decided to simplify the process and allow users to book courses a lot quicker.
The first thing you will need to do is navigate to WooCommerce -> Settings -> Products.
You will want to uncheck the following options:
- Redirect to the basket page after successful addition
- Enable AJAX add to basket buttons on archives
Once you have done this, simply add the following code to your functions.php file:
/**
* Bypass WooCommerce Cart
*/
add_filter('woocommerce_add_to_cart_redirect', 'silva_add_to_cart_redirect');
function silva_add_to_cart_redirect() {
global $woocommerce;
$checkout_url = wc_get_checkout_url();
return $checkout_url;
}
And as simple as that, now when you click a product to add to basket, it will now redirect directly to the checkout page.
Taking it one step further, what we can also do is change the label of the ‘Add to Cart’ button.
How to Change the ‘Add to Cart’ label
Now that we have removed the cart from the checkout process, it now makes sense to change the label in the WooCommerce product. In our example, we are going to replace this with ‘Buy Now’. To achieve this, WooCommerce has a filter which again, we can add to the functions.php file as shown below:
/**
* Add New Pay Button Text
*/
add_filter( 'woocommerce_product_single_add_to_cart_text', 'silva_cart_button_text' );
function silva_cart_button_text() {
return __( 'Buy Now', 'woocommerce' );
}
What this filter is doing is applying the text changes to the single product page. It could be that you have the product on another post type, for this; there is a second filter you can also use
The above filter applies the text to the single product page, however, you may have the product on another post type, there is a 2nd filter you can also use; woocommerce_product_add_to_cart_text as shown below:
/**
* Add New Pay Button Text
*/
add_filter( 'woocommerce_product_single_add_to_cart_text', 'silva_cart_button_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'silva_cart_button_text' );
function silva_cart_button_text() {
return __( 'Buy Now', 'woocommerce' );
}
With all the above completed, we now have fewer steps to the key part of your e-commerce website; allowing your customers to purchase products quicker by simplifying the process!
Well, we hope you enjoyed this article, if you need help in any way, feel free to contact us or drop a comment below and we’d love to help you.