How to Enable a Direct Checkout in WooCommerce (2024)

By • Jan 23, 2023

If you’re looking for an easy way to increase your WooCommerce conversion rate, look no further!

The more steps you put your buyer through during checkout, the less likely they are to complete the purchase.

However, there’s always a solution to any challenge.

This tutorial will show you how to skip the shopping cart altogether and send your buyers straight to the checkout page.

This simple trick should help you improve the checkout experience for customers, reduce cart abandonment and increase sales on your website.

How Does Having Multiple Checkout Steps Impact Conversion?

To answer this, you need to visualize the customer’s journey throughout the transaction.

Here’s what a customer’s journey typically looks like in an eCommerce website after they land on a product page:

  1. Customer adds product to the cart
  2. Goes to the cart to access checkout
  3. Fills in billing and shipping information
  4. Picks shipping method
  5. Picks the payment method
  6. Adds payment information
  7. Completes the payment to buy the product

Phew, that’s a lot of steps!

With every action, you give your customer a chance to abandon the process.

A study by Baymard Institute found that the average cart abandonment rate is 69.82%.

The average conversion rate for eCommerce websites is only around two percent already. Losing customers to a difficult checkout is the last thing you need.

If you want to increase sales on your WooCommerce website, it’s essential to make the checkout process as streamlined as possible.

One way is to eliminate the cart page and take the customer directly to the checkout page. This way, you are making it easier for the customer to buy and reducing those opportunities to abandon

One way to do that is with a direct checkout link.

How to Create WooCommerce Direct Checkout Links

A direct checkout link takes the customer straight to checkout rather than making them follow all those steps we outlined above.

You can create a redirection to your checkout page manually using a few snippets of code and a code plugin or do it through a dedicated checkout link plugin.

We’ll show you how to do both.

Manually Create a Direct Checkout Link

You can use a manual method to add some direct checkout links to your website.

For this, you can use a code inserter plugin called Code Snippets.

code snippets pro

This plugin allows you to paste any code you want to your website.

This way, you don’t have to worry about storing your snippets separately while changing your website, such as changing a theme or migrating a website.

Install the plugin and inject the two snippets of code I added below to add the redirect.

  1. Go to Plugins > Add New from your WordPress dashboard
  2. Search for the ‘Code Snippets’ plugininstall code snippets Plugin
  3. Install and activate the plugin
  4. Next go to Snippets > Add NewAdd code in WordPress
  5. Add the Snippet Title from the code below and paste the snippet code in the Code area.
  6. Select Only run on the site front-end because that’s the only time we need this snippet to work
  7. Save and activate the code snippet.
  8. Do this for both the snippets.

Once they are active, you should see the toggle button next to them turned on in the All Snippets section.

Don’t worry about the rest of the snippets. They are added by default, and you can choose to delete them.

how active code snippets look like

WooCommerce Skip Cart Code

This snippet allows the user to skip to the cart directly.

add_filter( 'woocommerce_add_to_cart_redirect', 'skip_woo_cart' );
function skip_woo_cart() {
  return wc_get_checkout_url();
}

Change WooCommerce Add to Cart Button Text

This snippet changes the button text from Add to Cart to Go To Checkout.

This is just so that your customer should not wonder why they did not land in the cart.

add_filter( 'woocommerce_product_single_add_to_cart_text', 'cw_btntext_cart' );
add_filter( 'woocommerce_product_add_to_cart_text', 'cw_btntext_cart' );
function cw_btntext_cart() {
  return __( 'Go To Checkout', 'woocommerce' );
}

Both snippet will work on WooCommerce 4 and newer.

Once you add these codes to your WooCommerce store, you’ll see that your customers will be redirected to the checkout once they click on the Go to Checkout button.

Create a Direct Checkout Link With a Plugin

Here are a few plugins that you can install to redirect your customers to the checkout.

1. CartFlows

CartFlows WordPress plugin

CartFlows is our very own plugin that helps you build a sales funnel and also allows your customers to check out seamlessly.

It allows you to select the exact fields you want to show your customers while checking out.

CartFlows works well for eCommerce funnels when you dedicate one landing page to your product. All you need to do is import a readymade template and start designing your sales funnel.

Go to CartFlows > Flows

Then select the flow, and edit the checkout page.

CartFlows flows

2. Cashier

cashier plugin for WooCommerce

Cashier makes your checkout process faster and simpler. It offers direct checkout options and the option to create direct checkout for specific products and specific categories of products. It allows you to make direct checkout links for emails and social media.

You can buy the Cashier plugin from their official website. Once you have purchased, you can upload the plugin.

Once installed, you’ll see an additional Cashier tab under WooCommerce > Settings.

You can use this tab to enable direct checkout for your products.

cashier WooCommerce settings

3. Buy Now Button for WooCommerce

buy now button for WooCommerce plugin

Buy Now Button for WooCommerce is a free plugin available in the WordPress repository.

It adds another ‘Buy Now’ button along with the Add to Cart button on your eCommerce store. This button takes your customer straight to the checkout page.

4. Direct Checkout for WooCommerce

direct checkout for WooCommerce plugin

Direct Checkout for WooCommerce also allows you to add a Buy Now button to your store. You can choose to replace the add to cart button. You can also remove checkout fields.

direct checkout plugin settings

You can find the direct checkout option in the WooCommerce Settings, just like the Cashier plugin.

However, unlike the Cashier checkout plugin, here you don’t have the freedom to use the direct checkout feature on specific categories and products.

5. WooCommerce Direct Checkout Pro

WooCommerce Direct Checkout Pro plugin

You can choose either direct checkout or same page checkout with Direct Checkout Options Pro for WooCommerce.

The Checkout option lets customers redirect the checkout page when they click Buy Now or any custom call to action you assign.

The other option is unique to this plugin. Customers can finish their purchase through Same Page Checkout without leaving this page. This makes your checkout process even better!

6. Add to Cart Direct Checkout for WooCommerce

add to card and direct checkout plugin

Add to Cart Direct Checkout for WooCommerce comes with a lot of functionality even in the free version.

Apart from direct checkout, you can have a custom checkout page, disable cart page, have a quick purchase button and many more.

You get all of these features without adding any shortcodes.

add to cart direct checkout for WooCommerce dashboard

Once you install and activate this plugin, you can see all the options inside WooCommerce > Direct Checkout.

Improve Your Conversions Today!

There are many ways to help customers check out directly from your WooCommerce store.

You can use plugins or add direct checkout buttons to your site. Whichever method you choose, make sure it is easy for your customers to find and use.

To increase the chances of conversion, try using CartFlows – our very own plugin that allows customers to check out seamlessly without any distractions.

I highly recommend this plugin to increase sales and keep track of customer behavior on your website.

Try out and let me know in the comments what your cart abandonment rate looks like after installing.

88 thoughts on “How to Enable a Direct Checkout in WooCommerce (2024)”

  2. Charles McClinon

    I am using CartFlows as a Global Checkout. However, I do not see the option to add the newly designed checkout page to the Woocommerce settings > Advanced > Checkout page. I have not been able to get to the checkout page on the site, even before I added the snippet. Since that page is not a part of the settings, would this affect it?

    Reply
    1. Adam

      That’s not how it works. You create the global checkout then in the CartFlows settings you choose the checkout that you want to replace the default WooCommerce checkout. Then it’s done. No moving of shortcodes, no adjustments to WooCommerce.

      Reply
  5. Pete

    Hi,
    How would i remove the ‘Continue Shopping’ button from the checkout page when an item has been added?

    Many Thanks

    Reply
  12. Ben

    Brilliant, worked well.

    In my catalogue page, the code also changed the add to cart button, which was not ideal because I would’ve preferred it to go to single product page. So I just deleted the 2nd line of code

    add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘cw_btntext_cart’ );
    function cw_btntext_cart() {
    return __( ‘Go To Checkout’, ‘woocommerce’ );
    }

    Reply
  19. Mathew

    I want ask that is it possible to redirect “Add cart” button to Vendor?
    I want my customers to communicate with product vendor directly.
    Please help guys…!
    Cheers!

    Reply
  20. Bernard

    Nice video Adam. Pretty straight forward. And I actually got to know about CartFlows (nice plugin by the way) from this video. Thumbs up!

    Reply
  23. sheri luévano

    Thanks so much Adam! I have subscribed and hit the bell to get more of your tutorials. You explain things so well and as a non techy person, with your help, I’m actually able to get my wp website up and running! Thanks again!!!

    Reply
  24. ben yermak

    thanks for the TUT

    but it seems the code handle is deprecated:

    Notice: add_to_cart_redirect is deprecated since version 3.0.0! Use woocommerce_add_to_cart_redirect instead.

    Notice: WC_Cart::get_checkout_url is deprecated since version 2.5! Use wc_get_checkout_url instead.

    any feedback on this

    Reply
  26. Mick

    Adam, thanks a million for this. Will definitely be checking out more of your work!
    Quick question: Is there anyway to have two buttons? One that keeps the original “Add to Cart” as well as the additional “Buy Now”? For example, maybe someone is on a spending spree and is keen to add 2 or 3 products.
    Anyway, thanks again!

    Reply
  29. Yong Lee

    Hi! Adam,

    Thank you for your video and it helps me a lot.
    I would like to ask you how can I translate button text for different language.
    If you give a tip, it will be great.

    Reply
      1. Yong Lee

        Thanks, Adam..
        Could you please let me know a little bit details?
        If I want to replace the ‘Go To CheckOut’ in the Change Add To Cart Button Text with english-french multilingual site, how can I do that?

        Thanks in advance,

        Reply
  30. Twinkle

    I have inserted this code to skip the cart for products but it seems like it is working for only few products.
    I want it to work for all products

    Reply
  31. Thabiso

    Firstly, Thanks for all your awesome tutorials!

    I’ve encountered a problem while using this snippet. I have products set to allow only 1 item in the cart. The problem is that when someone has more than 1 item in the cart and they click the buy now button, it doesn’t send them through to the checkout page.

    The normal process would be -> user is sent to cart with a warning that ‘Product can’t be added to cart’. This doesn’t happen now because I’m bypassing the cart and therefore, it’s simply reloading the current page and the user is left hanging.

    Is there any way I can fix this?

    Thanks

    Reply
  32. Charlie

    In addition to my first comment, if the customer clicks on the small VIEW CART to move on from the BUY NOW, it takes them to the CHECKOUT PAGE, with no VIEW CART, or even an option to VIEW CART, and there is no option to CONTINUE SHOPPING, once on the CHECKOUT PAGE….

    Reply
  33. Charlie

    I followed the steps and was pleased to see the results…..(EXCEPT)….when the customer clicks the former ADD TO CART button, that became BUY NOW button, the page stayed the same, with a small text button that said VIEW CART right next to the BUY NOW button, so the cart page wasn’t by passed. Any suggestions on how to eliminate this fly in the ointment ?

    Reply
  34. Thabiso

    Thank you so much! this code saved me a ton of work.

    I’m facing one issue though, I have each product set to “Sold Individually”, so customers are only allowed to add 1 item to the cart. If for some reason the cart already has a product in it, then this snippet doesn’t work [It would usually send them to the cart with a notification that they can’t add the product to the cart].

    Is there a way to a) force it to go to the checkout if the product is already in the cart or b) clear the cart before adding the product?

    Thank you!

    Reply
  35. xavier

    I need help please!!!

    I just used the codes but somehow, it send trusted badges that were suposed to appear only in my checkout page, right on all of my product pages and its crashing them. I have no clue about how this happened

    Please I need help, I can provide acces if necesario, I dont know whats wrong

    Reply
  36. jaime

    Great video and codes!!

    Its posible for you to give a code that allow people to pay from paypal without leaving the website??

    Reply
  37. Tariq

    Hi,
    I have installed the plugin and pasted the code and followed all the steps on the video but I get nothing. The Tab doesn’t change and the link doesn’t work. It doesn’t even give an error message. Please could you help?

    By the way, CartFlows is brilliant. Works very well. Improved the look of the checkout and Thank you page 100%.

    Reply
  38. Monika

    I have a problem with this, cause when I enable snippets, on the checkout page I got notification: “You must be logged in to checkout.” How can I fix this?

    Reply
  41. Gabriel

    Sir I love video, I actually learnt WordPress through your Chanel.Thank you so much Sir.
    Sir please can you do a video on how to customize woocommerce my account page or maybe suggest a plugin . Thanks

    Reply
  42. Martijn

    Dear Adam,

    I need to click two times on the button to go to the checkout page. Any idea how to fix that?

    Best regards,

    Reply
  44. James

    Some of the code is deprecated now Adam, you need some updates to yours 🙂

    add_to_cart_redirect – Use woocommerce_add_to_cart_redirect
    get_checkout_url – Use wc_get_checkout_url

    Reply
    1. James Van der Hoven

      Just check that for me because I am getting an error when I change it to wc_get_checkout_url

      Reply
  45. kim

    is there coding to add to remove items from the check out page.
    plus
    having a problem the shipping options not showing unless you fill in the form. is there a way to show the shipping regardless where you live as it does not matter to my products.

    Reply
  46. Francis

    Thanks for the code Sir. I want to know if is possible to change add to cart or buy now to (call to buy) using the normal shot code
    thanks.

    Reply
  48. Chiquita

    Hi Adam, I added the snippet and I am still getting the same error, please advise? The site can not be reached

    Reply
  49. Niral Sura

    Hi

    Thanks for the code and video but we want to add New Button with Buy Now. So we want to Buttons one is Add to Cart which works normal and one is Buy Now, Which will skip cart and and all.

    Can you please guide us how to add extra button?

    Thanks

    Reply
  51. Bhavya

    hello, my cart remains empty despite of adding products to it, and I have ttried everything out there but it still persists, will you please help me here. cart remains empty on IOS but not on android

    Reply
  52. hina malik

    Hey Adam, thanks, its very helpful.
    However, when I used these code snippets, On the cartflows checkout page, I am getting a message on top “this product has been added to your cart… then there is a “view cart button” towards right and this text on it is not visible unless I hover over the mouse over it (button and text both are orange hence appears as a bar, once i hover the text goes black)
    How do I change this color?

    Reply

Leave a Comment

Your email address will not be published. Required fields are marked *

Start typing and press enter to search

Want To Know My Go-to Tech Stack for Building WordPress Sites?

Get immediate access to my top recommendations for hosting, themes, plugins, and more!