Do you offer WooCommerce Express Checkout in your store?
Customers who use express checkout can enjoy a faster, more efficient payment process, which significantly reduces cart abandonment.
This is crucial because 18% of shoppers abandon their carts due to a lengthy or complicated checkout experience [Source: Baymard].
By streamlining the checkout process, you enhance the customer experience and increase your chances of converting more visitors into buyers.
In this blog, we’ll show you how to enable WooCommerce Express Checkout on the:
Let’s get started!
Contents
WooCommerce Express Checkout is a fast payment option that allows users to complete their orders with a single click, bypassing the need for a lengthy checkout form.
Usually, express checkout offers a “Pay now” or “Buy now” button that users can use to make the payment with popular payment methods like:
🔔 Note: The availability of different express checkout options depends on the browser and device a user is using to access your WooCommerce store.
For instance, Google Pay is available on Google Chrome, while Apple Pay is only available on Safari and on Apple devices (iPhone, iPad, and Mac).
Check the WooCommerce Express Checkout process in the GIF below. One can simply click “Buy with Apple Pay” and pay with Face ID.
The best thing about WooCommerce Express Checkout is that users don’t need to navigate to the checkout page to make a purchase.
You can add an Express Checkout button on the product page, cart page, and checkout page. Additionally, offering Express payment in a slide-in mini cart can further streamline the checkout process.
We will cover how you can add an express checkout option in your WooCommerce store later in this blog. Before moving on to the next section, find out why it's crucial to take advantage of this amazing tool.
Whether you sell physical products, digital or subscriptions, offering an express checkout option can benefit your business by streamlining the checkout process for your customers.
Here are some reasons why you should consider using WooCommerce Express Checkout:
In short, WooCommerce Express Checkout helps upgrade the shopping experience for users by making it faster and more convenient for them.
Let’s move to the next section to find out how to enable WooCommerce Express Checkout in a mini shopping cart.
To offer express checkout like Google Pay and Apple Pay, you need to first connect your WooCommerce store with Stripe. You can do that with a free plugin named Stripe Gateway Plugin for WooCommerce.
Make sure to install and activate the plugin from the WordPress dashboard.
After that, configure the plugin. This plugin makes the onboarding process super quick.
Once you connect to Stripe, it automatically fetches the live and test keys, so no manual work is needed.
Moreover, it integrates with express checkout payments and supports local payment gateways such as iDEAL, SEPA, P24, BanContact, and more.
In addition, it's compatible with Buy Now Pay Later (BNPL) payment gateways such as Afterpay, Klarna, and Affirm.
Along with other payment gateways, make sure to enable the express checkout options:
You can check our guide on how to integrate Stripe with WooCommerce.
let's look at how you can add express checkout buttons to the different parts of the user's shopping journey.
As mentioned earlier, adding express checkout on the product page can help people who buy a single product and want a swift checkout.
Follow these steps to add an express checkout on the product page:
Navigate to WooCommerce ⇒ Settings ⇒ Payments and hit “Manage” next to “Stripe Gateway”.
Now move to the “Express Checkout” option and make sure the “Enable express checkout” is checked. Also, the product page is added to the “Show button on” option.
You can customize the Button text. You can also set the express checkout button theme.
Set the button position on the product page. You have three options: Below Add to Cart, Above Add to Cart, and Inline Button.
Make sure to save the changes.
Now if you check the product page, you should see the express checkout button.
The process of adding express checkout is similar to adding to a cart page.
Follow these steps:
On the “Express Checkout” settings option, make sure the “Enable express checkout” option is checked.
Then add the cart page to the “Show button on” option.
🔔Note: The Button text and button theme, you can’t choose separately for the cart page.
As per the cart page option, you can choose the separator text that will show up between Google pay and Apple pay button.
Make sure to save changes.
Now add a product and go to the cart page. The express checkout button should be there.
⭐ Pro tip: Experts suggest replacing the cart page with a slide cart with a checkout button. This allows users to access the express checkout option anytime, anywhere on the site, without needing to visit the cart or checkout page.
Let’s set up express checkout inside the shopping cart.
To add a mini cart that allows you to add a one-click checkout option, we will use FunnelKit Cart. This plugin allows you to add one WooCommerce express checkout option to your mini cart through Google Pay and Apple Pay.
The express one-click checkout option is available in the free version of FunnelKit Cart.
Make sure to install and activate this plugin.
Now follow these steps to add a one-click express checkout to your WooCommerce mini cart.
Now, it’s time to enable the mini cart option. For that, go to FunnelKit ⇒ Cart, turn on the “Enable Cart’ toggle button, and click on Save Changes.
This will activate the WooCommerce side cart in your store.
👉 To learn how to customize the cart look, check our blog on WooCommerce mini cart.
Go to the Express Checkout tab and turn on the toggle for “Enable Express checkout on a cart”.
Make sure to hit “Save” to update.
Now add the product to your cart and check the sliding cart, you should find the express checkout options on the mini cart.
⭐ You can check the FunnelKit Cart’s reward system to boost the average order value of your store. To learn more, read our blog on “WooCommerce cart upsell”.
We will use FunnelKit Funnel Builder to express checkout on the WooCommerce checkout page.
This is the best WooCommerce sales funnel builder that allows you to replace the default checkout page with a custom, high-converting checkout page.
Besides, it also comes with features such as order bumps and post-purchase one-click upsells to boost the average order value of your store.
To follow along with the process, you need to install and activate FunnelKit Funnel Builder.
After activating the plugin, follow these steps:
Firstly, we need to create a store checkout that will replace the default WooCommerce checkout page.
To do so, navigate to FunnelKit ⇒ Store Checkout and click on the ‘Create Store Checkout’ button.
After that, select your page favorite page builder and choose a template from the list of prebuilt checkout templates FunnelKit provides.
To select one, hover on the template you like and click on Preview.
Now, choose whether you want a single-page checkout or a multi-page checkout.
After that, click on “Import This Funnel,” provide a name, and click on "Done" to import this funnel as your default checkout.
A checkout funnel with three steps—checkout, one-click upsells, and thank you—should be imported now.
Click on the Edit option next to your checkout page to customize it.
Here, you can customize the design and content of the checkout page with the selected page builder.
For more details on how to customize the checkout page, read our blog “How to Customize WooCommerce Checkout Page without Code”.
To activate the express checkout feature, navigate to the Optimization tab. Expand the tab “Express Checkout Buttons”. Choose “Yes” to enable the option and then select the position.
Make sure to Save the changes.
On the optimization tab, you can also make the following optimizations: Inline field validation, Optional fields collapsible, Google address auto-completion, Auto-apply coupon codes, Enhanced phone fields, and so on.
After optimizing the checkout page, you can add an order bump and a one-click upsell offer.
Finally, you need to activate the store checkout. For that turn on the “Enable Store Checkout” button.
Now, if you place a test order, you can use the express checkout option on the checkout page.
To add Paypal Express checkout to your WooCommerce store, follow these steps:
You need to install and activate the PayPal AngelEye payment gateway plugin and connect to your PayPal account.
Next, navigate to WooCommerce ⇒ Settings ⇒ Payments and hit “Manage” for the option "PayPal Commerce - Built By Angelleye".
Enable the option “PayPal Commerce” and set up the title and description.
Scroll down and make sure the option “Enable Paypal Smart Button on the product pages” is checked. This will add a smart PayPal button on all the product pages.
You can also customize other options like button color, shape size, label, etc.
Scroll down a bit further and check the option “Enable PayPal Smart Button on the Cart page.” Like the product page, you can also customize how the PayPal button will look on the cart page.
If you scroll under the cart page settings, you can add the PayPal Express checkout option on the checkout page by checking the option “Enable PayPal Payments on the Checkout page.”.
To add a PayPal express option to a mini cart, check the option “Enable PayPal Smart Button on the Mini Cart page” under Mini cart settings”.
Make sure to save the changes. Now, if you check your WooCommerce store, the PayPal Express checkout option should be available on all the pages where you enabled the option.
Here is a preview of the PayPal Express Checkout option on the WooCommerce checkout page:
To learn how you can offer Amazon pay as express checkout, read our documentation on “WooCommerce Amazon pay”.
In case you use WooCommerce with WordPress, you can activate and install plugins like FunnelKit Funnel Builder to add Google and Apple Pay to your WooCommerce store.
Yes. You can use Express Checkout for both physical and digital products. It simplifies the purchasing process regardless of the product type, making it convenient for customers to buy any product with ease.
If a customer prefers a payment method not supported by Express Checkout, they can use the standard checkout process, which lists all available payment options. Ensure your WooCommerce store offers a variety of payment methods to meet customer needs.
Yes, Express Checkout works with WooCommerce Multilingual setups, allowing customers to check out in their preferred language and currency.
In this fast-paced world, adding an express checkout option to your store can save users a lot of time. And once customers enjoy shopping on your site, they’re less likely to turn to your competitors.
However, since not all express checkout options are available on every browser or device, it’s recommended to offer multiple express checkout options.
By following this blog, you can easily enable Google Pay, Apple Pay, PayPal, and Amazon Pay on different pages of your WooCommerce store.
Plus, with FunnelKit, you can customize the look of your checkout page to make it more conversion-optimized.
Start offering WooCommerce express checkout and boost your sales today!
