Get Started
FunnelKit Documentation
Get unstuck with our helpful reference material

Checkout Pages

Smart Buttons for Express Checkout

Digital wallets are very effective in increasing sales. Checking out via Apple Pay/Amazon Pay/PayPal reduces the time spent on checkout because it eliminates the need to fill out the form.

A user clicks on their preferred express checkout button and logs in to pay.

No need to enter the address, email, phone number, etc. (everything gets auto-filled).

Here’s how it appears on the checkout page:

Express pay button on the checkout page

You can activate Stripe’s Apple Pay/Google Pay/Amazon Pay/PayPal in your WooCommerce store to enable the express checkout buttons on checkout.

After making the payment through one of these express checkout options, the customer gets automatically redirected to the WooCommerce thank you page.

Here are the supported payment plugins:

  • Stripe Payment Gateway for WooCommerce by FunnelKit
  • WooPayments
  • PayPal For WooCommerce -> PayPal Commerce (their new integration)
  • PayPal For WooCommerce -> Paypal Express (old integration)
  • Amazon Pay

Let's look at setting up these buttons on your custom checkout page.

Apple Pay and Google Pay

Follow the steps to enable express checkout buttons on the checkout page:

Step 1: Download FunnelKit's Stripe Payment Gateway for WooCommerce

Download this plugin: https://wordpress.org/plugins/funnelkit-stripe-woo-payment-gateway/

Click here to complete the setup and onboarding process.

Step 2: Enable Express Checkout Buttons

Go to WooCommerce > Settings > Payment tab > Stripe Gateway.

When the Payment Request Buttons option is selected, all types of Payment Request buttons are activated (on your site) at once.

It means that you’re now ready to accept payments via various methods with the WooCommerce Stripe payment gateway.

The available payment options are:

  • Apple Pay
  • Google Pay
Enable express checkout

For Apple Pay, customers need to have a payment method from a supported bank or payment card provider.

Find the list of supported ones here.

Find the list of compatible Apple devices here.

Here's how you can offer Apple pay on your site via the WooCommerce Stripe payment gateway:

Go to the stripe.com - Dashboard > Settings > Apple Pay

Next, add your site URL there.

Add your site's domain exactly as it loads, includes the www, or leave it out, but remove https://.

Note: You do not need to upload the verification file to your site – the extension does this for you in the background.

The domain will then show on your Apple Pay Stripe page under 'On the Web domains.'

Customers need to have a payment method from a supported bank or payment card provider.

Visit this troubleshooting doc if you're facing any issues with the button's visibility.

That's it! You've now set up Stripe Apple Pay and Google Pay for WooCommerce.

👉 Check out our detailed guide to set up Apple Pay and Google Pay in your WooCommerce store.

PayPal Smart Checkout Button for Express Checkout

Follow the steps below to show the PayPal Express Checkout button on the checkout page.

Step 1: Download and install the PayPal AngelEye payment gateway plugin for your WooCommerce store by clicking on the below URL:

https://www.angelleye.com/product/woocommerce-paypal-plugin/

Step 2: Once you’ve installed the PayPal AngelEye payment gateway plugin, go to Settings > PayPal WooCommerce.

Scroll down and click on the View List button next to Paypal Classic Payment Gateway.

Start the onboarding process.

Log in to your PayPal account by entering your registered email address and password. Once done, you'll be directed to your WordPress dashboard with the established connection.

From there, click on the Modify Setup button to set up different payment options.

Enable PayPal WooCommerce from here.

You can also enable the Paypal Sandbox from here as per your requirement.

Configure the options of displaying the payment gateway on the product page, cart page, checkout page and mini cart.

You can even enable/disable Pay Later messaging from here.

Once you’ve set it up, hit the ‘Save Changes’ button.

Amazon Pay

Follow the steps below to show the Amazon Pay button on the checkout page.

Step 1: Download and install the WooPayments plugin for your WooCommerce store by clicking on the URL: https://woo.com/products/pay-with-amazon/

Step 2: Make sure you have configured your Amazon Pay account.

Create the API keys.

Once everything is set, you'll be able to configure the Amazon Pay button settings.

Once everything is done, your Amazon Pay button will appear on your checkout page.

You can read the official Woo document here.

Enable Express Buttons

Once you've configured everything, go to FunnelKit ⇨ Checkouts.

Select the Checkout page for which you want to enable the PayPal Express Checkout option.

Next, go to the 'Optimizations' tab.

When you scroll down, you’ll see the option to enable the Express Checkout buttons.

Simple click on 'Yes' and hit on ‘Save changes

Enable express payment buttons

Additionally, you also get the option to specify these buttons' position - top of the checkout page, Before Order Summary, After Order Summary, etc.

Now click on the ‘View’ icon to preview your checkout page and see how the express checkout button appears.

This is all about the smart buttons for express checkout.

chevron-down