How to Set Up WooCommerce Google Pay & Accept Online Payments? [2024 Guide]

Editorial Team
March 9, 2023
How to Set Up WooCommerce Google Pay & Accept Online Payments? [2024 Guide]

Do you want to accept online payments on your WooCommerce store via Google Pay?

In this article, we will show you how to set up WooCommerce Google Pay and enable faster checkouts.

We know it is inconvenient when an online store doesn't offer mobile payment options such as Google Pay, Apple Pay, or Amazon Pay. In fact, 66% of individuals who use mobile wallets say they do so because of their convenience. (Finder)

This can also lead to abandoning the transaction completely. So, you might ultimately lose a large number of potential customers.

The user needs to have a payment method (credit card or debit card) added to their Google account. Now, when the user clicks on the Google Pay button, it fetches all the saved card information from the user’s Google account.

This way, the user does not have to fill in their details and just authorize the payment with a single click.

This enables quick purchases and happy customers!

Let’s see how to add the Google Pay express payment button to your WooCommerce checkout.

Here's our quick video tutorial on setting up Google Pay in your WooCommerce store:

How to Set Up WooCommerce Google Pay & Accept Online Payments? [2024 Guide]

Let's start.

How Does Google Pay Work?

Google Pay's payment button opens a payment sheet that displays the payment methods saved to users' Google Accounts, along with optional fields such as billing addresses.

This allows them to add a payment method, shipping address, or new information quickly.

how google pay works on the woocommerce store

The payment flow is as follows:-

  • Google Pay's payment button displays a list of supported payment methods when the user taps it. It shows you the payment method used previously or you can add a new card at the checkout too.
    The user does not need to fill out the checkout form again. It sends payment and billing information to the merchant.
  • Google Pay securely returns a payment token to your app after a user selects a payment method.
  • The payment token and purchase details are sent to your app's backend.
  • Payment service providers receive the payment token from the backend and process the purchase to execute the payment.

This expedites the checkout process and boosts the user’s shopping experience. Also, as an added benefit, Google Pay also minimizes cart abandonments.

Benefits of Using Google Pay for WooCommerce Store

According to Accenture, digital wallet systems have a 49% adoption rate. That's huge when compared with merchant wallets (39%) and mobile banking applications (28%).

Here are a few more reasons to set up WooCommerce Google Pay:

  • Security: Google Pay is backed by your Google Account’s security. The data is stored on Google’s secure servers. It has multiple layers of security. Hence, it is a fast and secure way to pay on WooCommerce stores.
  • Popularity: Google Pay is one of the most used digital payment methods in the world. It works on Android, iOS, and even PC. It is also supported by many popular browsers - Safari, Chrome, Firefox, etc.
  • Boosts Conversions: Google Pay expedites the checkout process. The buyer does not have to input any information on the checkout page. It directly uses the stored information from your Google account. 
  • Fraud Protection: Google Pay adds multiple layers of security to your payment system. It tokenizes your card networks and protects the user's saved payment information.

Essentials to Set Up WooCommerce Google Pay

Before we do the WooCommerce Google Pay integration, we need the following essentials.

1. A WooCommerce Store

WooCommerce is the most popular eCommerce platform in the world. It powers almost 36.68% of all eCommerce stores on the internet.

Follow the WooCommerce guide to set up your new store if you already haven’t.

2. A Stripe Account

You need to set up a Stripe account before you start collecting payments.

Setting up Stripe is free but they charge you per transaction. Their pricing structure varies based on the country.

3. Stripe Gateway for WooCommerce Plugin

FunnelKit’s Stripe Gateway for WooCommerce is a powerful integrated solution to collect payments on your store.

With FunnelKit's Stripe plugin, you can simplify the payment process on the web and mobile. It’s a quick and secure payment gateway for your WooCommerce store.

This is a WordPress plugin that lets you collect debit and credit card payments via Stripe. Your users can use any card like Visa, MasterCard, American Express, Discover, JCB, and more. Also, you get express pay options like Apple Pay and Google Pay.

It also supports local payment gateway options. You can use payment providers such as BanContact, P24, iDeal, SEPA, and more.

Also, Stripe Gateway integrates deeply with FunnelKit’s Funnel Builder, One Click Upsells, and more. It provides your customers with seamless payment ordering and processing.

Google Pay Button Visibility Requirements  

Google Pay is compatible with the majority of modern Android devices across a wide variety of manufacturers and form factors, including mobile phones, tablets, and Wear OS by Google devices.

When you're using Stripe gateway to connect Google Pay with WooCommerce, you don't have to worry about anything else. Stripe ensures that your store follows all the guidelines, terms and conditions, and other requisites.

If you still face any issues with the button visibility, here's some additional information that can come in handy.

  • Countries: Check the complete list of countries that Google Pay works in.
  • Device Compatability: Your device must be compatible with Google Pay - see the complete list. Google Pay for iPhone and iPad is only available in the US and India.
  • Browser: Your shopper must use a Chrome browser with a Google account that has their card details saved.

Now that we have discussed the essentials and the visibility requirements, let's set up Google Pay for our WooCommerce store.

How to Set Up WooCommerce Google Pay Integration?

Now you know what are the requirements for this WooCommerce Google Pay integration. Let’s connect your Stripe account to your WooCommerce store and set up Google Pay.

1. Install FunnelKit Stripe Gateway for WooCommerce

Go to your WordPress plugin dashboard and search for “FunnelKit Stripe Gateway for WooCommerce”.

When you locate the plugin, install and activate it.

installing funnelkit stripe plugin

Now, let’s move on to configuring your Stripe account to collect payments easily.

2. Configure Your Stripe Account

In the plugins dashboard, you will see a banner that prompts you to configure your Stripe account.

Click on the blue button and start configuring your account.

configuring stripe

Click on Connect with Stripe.

connecting with stripe

You will be redirected to the Stripe account authorization page. Add your registered email address and click Continue.

logging in with your stripe account

Enter your password and log in:

logging in with your stripe account

Note: You’ll be asked to verify your account with a 6-digit OTP sent to your registered email or mobile phone.

Now, select the Stripe account you want to use for your WooCommerce Google Pay integration.

Once selected, click Connect.

selecting the stripe account

Enabling Payment Gateways

On the next screen, you will see all the available payment gateways. To keep things simple, we will only enable Credit Cards (Stripe)

However, if you wish to enable local payments too, follow this guide on configuring local payment gateways on Stripe.

activating the credit card payment method

Setting Up Webhook

Stripe will now ask you to set up webhooks. Click on the button and move to the next screen.

setting up webhooks

Enabling Express Checkouts

Now, you have to enable the express checkout buttons. To show the Google Pay button on your store, you must first enable the express checkout options in Stripe.

enabling express checkouts

You are all set. Test if Stripe successfully processes the payments on your WooCommerce store. Select the mode you want to test: Test or Live.

testing the payment processor

Once you’ve selected your preferred mode, click Save and Review Settings.

Now that your Stripe account is configured, all the details will be fetched into your WooCommerce store, including:

  • Stripe connection ID and status
  • Webhook ID
  • Webhook URL
  • Live and test webhook secret
  • Debug log URL

Now, let’s do some customizations to the Google Pay button before we display it on our WooCommerce store.

3. Customizing and Testing the Google Pay Button

Go to WooCommerce > Settings > Payments

Under the Payments tab, you will see  Stripe Gateway - Credit Card (Stripe). Click on Manage.

managing the credit card settings

Now, select the Express Checkout option. Check whether the “Enable Express Checkout” option is ticked or not.

enabling express checkout

Now you need to show on which pages you want to display the Google Pay button.

showing buttons on the checkout page, cart page, and the product page

You have to be quite mindful about displaying Google Pay express payment buttons on different WooCommerce pages.

Express Checkout Transaction on the Product's page

If a shopper makes a transaction from a product page using Google Pay, then only that product will get placed, irrespective of the items you have in your cart.

Google Pay on the product page

Express Checkout Transaction on the Checkout page

If you have custom fields on the checkout page that you want mandatorily to be filled by your customers, then we recommend you enable express checkout on the checkout page only.

Google Pay on the checkout page

Customizing the Express Pay buttons

Type the text that you want to show on the Google Pay button

Also, choose the theme for your button.

setting up button theme and the text

To add a separator between your buttons, customize the advanced settings.

setting up product page customizations

Click on Test Visibility to see if the Google Pay button can be shown on your store.

testing visibility of the express pay buttons

Below you will see the confirmation that Google Pay is supported on your browser.

4. Testing a Transaction with the Google Pay Button

To test the Google Pay button, put the website under the Test mode.

testing the transaction

You can see the Google Pay button on the pages you’ve set up.

google pay transaction demo

Now, whenever somebody clicks on the Google Pay button - a pop-up will appear. The buyer will fill up their payment details. In case, the user has saved their payment details in their browsers, these fields will be auto-filled.

🔔 Note: After testing the transaction, do change the mode back to Live. Only then you will be able to collect online payments via Google Pay on your store.

Get More Conversions with Modern, Dynamic FunnelKit Checkout

The traditional WooCommerce checkout is uni-dimensional and focuses only on completing the sale.

For beginners, that might work, but if you want to boost your AOV and amp up sales then the traditional WooCommerce checkout doesn’t cut.

Also, it is not optimized for conversions and is too rigid to customize.

What if you get beautiful pre-built checkout pages that you can import with just one click? 

Customize them with your favorite page builder - yes, just drag and drop, no coding.

We are talking about the modern, dynamic FunnelKit Checkout.

Utopia 2-step template

This is how stylish FunnelKit’s checkout page looks. And this is just one of the pre-built templates, we have got more amazing ones for your niche.

To reduce cart abandonments, enable a quicker checkout process with a one-page checkout. Or, create a multi-step Shopify-style checkout and simplify the checkout process.

What more do you get?

🛒 Mini Cart Widget: Allow your users to review, delete, adjust the quantity of their items, and more - right on the checkout page.

📍 Google Address Autocomplete: Wrong addresses can lead to failed deliveries. That’s why FunnelKit provides checkout page optimizations like Google Address Autocomplete. This allows buyers to fill in their addresses with just a few clicks.

🌟 Product-based Checkouts: Create product-based checkout pages to add relevant upsell offers and one-click order bumps.

📄 Advanced Form Fields Editor: Add custom fields and sections easily without code. You can re-arrange them all right within WordPress.

FunnelKit’s checkout page templates are optimized for mobile. This ensures a frictionless checkout experience for your mobile users.

If you’re using FunnelKit’s checkout templates, enabling express pay buttons is even easier.

Checkout Page >> Optimizations >> Express Checkout Buttons

enabling express pay buttons on the funnelkit checkout

Enable the buttons and select the position for your buttons on the checkout page.

Frequently Asked Questions

Some users might need further assistance in this WooCommerce Google Pay integration process.

That's why, we have answered the most common questions about the payment buttons not showing up on the screen. 

How do I enable Google Pay in WooCommerce?

To enable Google Pay in WooCommerce you need to have an integration plugin like FunnelKit’s Stripe Gateway for WooCommerce.

This plugin will connect your WooCommerce store to your Stripe account. This connection will facilitate multiple online payment options including Google Pay.

Why is Google Pay not showing up?

In some cases, the Google Pay button might not show up on your store. If so, please re-check if your WooCommerce store follows all the Google Pay guidelines.

Is Google Pay API free?

Google Pay doesn't charge merchants additional fees to use the Google Pay API for payments. Since our payment processor is Stripe, it will charge you for each transaction. The transaction fee varies for each country.

Ready to Set Up Your WooCommerce Google Pay Payment Gateway?

In the United States, 27% of all the online transactions done in 2022, were done via Google Pay.

So, it's a no-brainer to have express pay options on your WooCommcerce stores. 

The best benefit of Google Pay is that it costs merchants nothing extra. Payment processors treat it as a normal credit card transaction, so you will only be charged normal credit card processing fees.

Add conversion-friendly checkout to your WooCommerce store along with express payment options, then see the magic unfold!

So, are you ready to set up yours?

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.

Increase your sales, starting today.

Grab Our Exclusive Bundle
chevron-down