Once we are serving to small enterprise house owners enhance their on-line shops, one of the crucial widespread requests is to streamline the checkout course of. In any case, each further step between “Add to Cart” and “Place Order” can result in deserted carts and misplaced gross sales.
We found that skipping the WooCommerce cart web page and redirecting clients straight to checkout is among the best methods to spice up gross sales. Actually, enhancing the checkout course of in your on-line retailer can improve the conversion fee by as much as 35%.
That’s why we’ve put collectively this simple information to indicate you precisely methods to skip the cart web page in WooCommerce. We’ll additionally share our ideas for a way to do that with out annoying your clients.
Skipping the WooCommerce Cart Screen: Is It Proper for Your Retailer? 🛒
Earlier than we dive into the technical particulars, let’s see if skipping the WooCommerce cart web page is the precise selection to your on-line retailer. We’ve helped many retailer house owners with this resolution, and we all know precisely when going straight to checkout works greatest.
Skipping the cart web page in WooCommerce works very well should you promote just one merchandise. On this situation, sending clients straight to the checkout web page can enhance gross sales.
Additionally, should you take appointments or promote providers, going straight to the WooCommerce checkout web page makes issues simpler to your clients.
Now, in case your retailer sells many alternative objects, and folks typically use their cart performance to purchase a number of issues without delay, then you definately may need to hold your cart and checkout pages.
On this case, you could possibly attempt providing a one-click WooCommerce checkout as an alternative. This provides individuals two choices: add the merchandise to their chart or instantly go to cost.
Right here’s one other good possibility: you could possibly add a WooCommerce mini cart that slides in from the facet of the web page. This fashion, clients can see what’s of their cart with out leaving the web page they’re on. It’s each quick and useful.
In the event you’ve determined to take away the cart web page out of your retailer, we are able to present you two methods to do it. You possibly can select the tactic that works greatest for you:
Essential: You have to a purposeful WooCommerce retailer earlier than following both of the tutorials on this information. In the event you don’t have one but, then please see our final WooCommerce tutorial.
Choice 1: Use FunnelKit + CartHopper Addon (Extra Customizable)
This technique is greatest for retailer house owners who need full management over their checkout course of and are critical about lowering cart abandonment. With FunnelKit, you’ll be able to create a WooCommerce direct checkout expertise that’s totally personalized to your wants.
Step 1: Deploy the FunnelKit Plugins
You’ll want three WooCommerce plugins for this answer:
The primary two plugins work collectively that will help you create a wonderful checkout web page that converts higher.
The Professional model comes with a price ticket. Nonetheless, we expect it’s definitely worth the funding as a result of it provides you highly effective instruments to customise the checkout expertise, optimize your gross sales funnels, and add upselling options like one-click order bumps.
Then again, the free CartHopper add-on means that you can skip the cart web page and ship clients on to your WooCommerce checkout web page.
Need to study extra about FunnelKit’s options? Take a look at our in-depth FunnelKit evaluation.
First, set up and activate all three plugins in your WP dashboard. In the event you need assistance, see our information on methods to set up a WP plugin.
Subsequent, go to FunnelKit » Settings in your admin space.
Click on on the ‘License’ tab within the left column and enter your license key. You’ll find your license key in your account on the FunnelKit web site.
As soon as finished, simply click on ‘Start’ and ‘Save Modifications.’ Now, you’re prepared to begin customizing your checkout expertise.
Step 2: Take away the Cart Screen
To skip the cart web page in WooCommerce, go to FunnelKit » CartHopper. That is the place you’ll discover all of the settings to customise your cart performance and redirect to the checkout instantly.
Merely examine the ‘Allow SkipCart for all Merchandise’ setting. This may take away the cart web page and ship clients straight to your WooCommerce checkout web page every time they click on the add to cart button.
This fundamental setup is sufficient to create a direct checkout for WooCommerce. Nonetheless, the plugin affords extra methods to optimize the shopper journey.
Under the principle setting, you’ll be able to select particular product classes or merchandise the place you need to hold the conventional cart and checkout pages. Simply kind within the names of the classes and merchandise that you just don’t need to skip within the acceptable fields.
You too can customise the ‘Add to cart’ textual content to one thing extra becoming.
Whereas it defaults to “Purchase Now,” you may desire “Buy Now” or “Checkout Immediately.” Think about including some sense of urgency and concern of lacking out to scale back cart abandonment.
For much more management, you’ll be able to arrange customized guidelines by clicking ‘Add Rule.’
A popup will then seem.
Right here, you’ll be able to select whether or not the rule applies to ‘Any of those’ or ‘All of those’ cart objects.
For instance, should you promote a hat, then selecting the ‘Any of those’ possibility will skip the cart when clients purchase the hat alone or with different objects.
Then again, selecting the ‘All of those’ possibility will solely skip the cart when clients purchase the precise mixture of merchandise you specify, like once they purchase each the hat and an identical scarf collectively.
Then you can too determine whether or not to allow or disable cart performance for this rule, and customise the add to cart button particularly for these merchandise.
You probably have a number of checkout pages, then you can too choose which WooCommerce checkout web page to make use of for various merchandise. After establishing your rule, simply click on ‘Add Rule.’
The popup will now shut.
Don’t neglect to click on ‘Save Modifications’ to use your new settings to your WooCommerce retailer.
Step 3: Customise Your Checkout Screen
Technically, finishing steps 1 and a pair of is sufficient, however what’s the purpose of putting in a strong funnel plugin should you’re not utilizing it to its full potential?
To customise your checkout web page, navigate to FunnelKit » Retailer Checkout. Then, change to the ‘Retailer Checkout’ tab and click on the ‘Create Retailer Checkout’ button.
FunnelKit has a number of checkout templates which you can edit utilizing both the block editor or common web page builder plugins like Divi or Bricks.
On the prime of the web page, choose your most well-liked modifying platform. Then click on ‘Preview’ on any checkout template that pursuits you.
Most FunnelKit templates embody a checkout web page, plus upsell and thanks pages to encourage extra purchases.
When you discover a template you want, simply click on the ‘Import This Funnel’ button.
Subsequent, you’ll want to present your checkout a reputation. This helps you monitor completely different checkout funnels should you create a number of variations for various merchandise or buyer teams.
After naming it, click on ‘Executed.’
To edit the checkout web page, click on on the checkout identify above the ‘Add Order Bump’ button.
You’ll then see a number of settings for customizing the checkout web page.
Within the ‘Visuals’ tab, click on ‘Edit … Template’ to customise the design utilizing the modifying platform of your selection.
We go into extra element about these customization steps in our information on methods to customise the WooCommerce checkout web page.
In the event you scroll down the web page, you can too customise the sections and fields required on the checkout web page.
By default, the Checkout Type contains sections for Contact Data (Electronic mail) and Transport Handle (First Identify, Final Identify, Transport Handle, Billing Handle, Telephone). Whereas these default fields work nicely for many on-line shops, you’ll be able to customise them additional by clicking on any area.
For instance, to switch the Transport Handle, merely click on on it.
A popup will seem the place you’ll be able to customise the fields on this part as wanted.
In the event you edit the First Identify area, you’ll be able to change the label, add a placeholder textual content to offer an instance, and make the sphere required or non-compulsory.
You can also make as many adjustments as you prefer to the shape fields.
When you’re happy together with your adjustments, scroll down and click on ‘Replace.’
The ‘Optimizations’ tab affords further methods to enhance the checkout expertise.
For instance, you’ll be able to allow specific checkout, which can enable customers to pay rapidly utilizing strategies like Apple Pay and Google Pay.
Now we have an in depth tutorial on methods to add specific checkout buttons in WooCommerce if you would like extra info.
You too can arrange auto-apply coupons. These are coupon codes that can get robotically utilized when customers are initiating the checkout course of.
To configure auto-apply coupons, open the ‘Auto Apply Coupons’ tab, choose ‘Sure’ within the ‘Auto Apply Coupon’ possibility, and enter the coupon code you need to apply robotically. You too can disable the coupon area if wanted. Keep in mind to click on ‘Save.’
One other helpful function is the ‘Prefill Type for Deserted Customers’ setting.
This function robotically populates beforehand entered values when customers return to checkout after receiving an deserted cart electronic mail. This makes it simpler for them to finish their buy.
Merely click on ‘Sure’ within the ‘Allow’ possibility and click on ‘Save.’
In the event you change to the ‘Settings’ tab, you’ll be able to add customized code like monitoring scripts.
That is the place you could need to add your scripts should you’re monitoring WooCommerce conversions. You possibly can learn our information on WooCommerce conversion monitoring for extra particulars.
When you’re proud of all of your customizations, simply click on ‘Allow Retailer Checkout.’
And that’s it! Now, when customers click on on the Purchase Now button in your product pages, they’ll be taken on to your optimized checkout web page.
Choice 2: Use Direct Checkout Extension (Free Technique)
If you wish to use WooCommerce with out cart pages and like a easy “set it and neglect it” answer, then we advocate utilizing the free WooCommerce Direct Checkout plugin. This cart plugin affords fewer customization choices than FunnelKit however is ideal for sending consumers straight to checkout.
First, you should set up and activate the plugin. Examine our information on methods to set up a WP plugin should you need assistance.
Subsequent, go to WooCommerce » Direct Checkout. You’ll discover a brand new Direct Checkout tab in your WooCommerce settings web page, beginning with the Common part.
Right here, be sure to set ‘Added to cart redirect’ as ‘Sure.’
After that, within the ‘Added to cart redirect to’ setting, choose ‘Checkout’ from the dropdown menu. Now, clients will probably be redirected to your checkout web page instantly after clicking the add to cart button.
There are additionally a few non-compulsory settings. One is the ‘Added to cart alert’ setting.
When clients add merchandise to their cart, they see a message saying “[product name] has been added to your cart” with a hyperlink to view their cart. Setting this setting to ‘Sure’ makes that hyperlink take clients on to the checkout web page as an alternative of the cart web page.
One other non-compulsory setting to switch is ‘Added to cart hyperlink in store.’ In the event you set it to ‘Sure,’ then clients who click on on the “View cart” hyperlink in your retailer will probably be taken straight to checkout as an alternative of the purchasing cart.
We advocate fastidiously testing each of those non-compulsory settings earlier than enabling them. Whereas they will pace up checkout, some clients may desire to evaluation their cart first and get aggravated in the event that they’re taken elsewhere.
Lastly, we advocate leaving the ‘Substitute cart url’ setting as ‘No’ because it’s not important for fundamental cart web page redirect performance.
Don’t neglect to click on on the ‘Save Modifications’ button when you’re finished with these settings.
Let’s now change to the ‘Archives’ tab.
That is the place you’ll be able to customise how the add to cart button seems in your WooCommerce retailer’s Store web page.
To switch the cart button, you should set the ‘Substitute Add to cart textual content’ setting to ‘Sure.’
Then, you’ll be able to select the forms of WooCommerce merchandise that you just need to exchange the “add to cart” textual content, together with easy merchandise, grouped merchandise, variable merchandise, digital merchandise, and/or downloadable merchandise.
These are the WooCommerce default settings for product sorts, however there could also be extra when you have put in sure WooCommerce plugins.
After that, you’ll be able to customise the add-to-cart textual content to be extra action-oriented, like “Purchase Now” or “Buy Immediately.”
While you’re finished, click on ‘Save Modifications.’
Now, navigate to the ‘Merchandise’ tab. This part is much like the earlier one, but it surely controls how your cart web page and redirect settings work on single product pages.
You possibly can set ‘Substitute Add to cart textual content’ to ‘Sure’ and customise the button textual content within the acceptable area.
The subsequent step is non-compulsory, however you’ll be able to go to the ‘Checkout’ tab. Right here, you’ll be able to take away particular checkout fields to optimize the WooCommerce checkout web page expertise.
For instance, you’ll be able to take away the checkout delivery deal with fields should you solely promote digital merchandise, conceal the checkout coverage textual content, and extra if wanted.
And that’s about it! Now, you’ll be able to go to your WooCommerce retailer as a buyer to check how the direct checkout works.
When clients click on the add to cart button, they’ll skip the purchasing cart utterly and go straight to checkout.
Finest Practices for Skipping the WooCommerce Cart
Whereas establishing direct checkout for WooCommerce is simple, listed here are some necessary issues to verify it really works successfully to your retailer:
🚨 In search of a high-converting WooCommerce retailer? Let our WPBeginner Professional Providers staff deal with all of the technical particulars for you. We’ll arrange a streamlined checkout course of, optimize your retailer settings, and guarantee all the things runs easily. You’ll even get a devoted undertaking supervisor to supervise the method from begin to end.
E book a Free Session Name With Our Staff As we speak!
We hope this text has helped you learn to skip the WooCommerce cart web page and redirect to checkout. You may additionally need to try our information on methods to present ceaselessly purchased collectively merchandise in WooCommerce and our skilled picks of the very best WooCommerce automations to spice up gross sales.
In the event you appreciated this text, then please subscribe to our YouTube Channel for WP video tutorials. You too can discover us on Twitter and Fb.
