Google Pay is a popular digital wallet option available through the FunnelKit Pay and Stripe integration.
Designed for speed, security, and convenience, Google Pay allows customers to quickly complete purchases using saved payment information without the need to manually enter card or address details.
Follow this guide to set up Google Pay express checkout in your WooCommerce store.
Google Pay Setup and Button Visibility: Two Methods
You can use two methods to set up Google Pay in your WooCommerce store:
1. Stripe Payment Request Button
This method allows developers to integrate Stripe-enabled payments into your WooCommerce store.
However, this payment setup is browser-dependent. You need to ensure your customers follow these criteria:
- Countries – Check the complete list of countries supporting Google Pay.
- Device compatibility – Your device must be compatible with Google Pay – see the list of supported devices.
- Browser – Your shopper must use a Chrome browser with a Google account with their card details saved.
This method is has some limitations because it’s dependent on so many criteria. Many store owners have problems with the express button’s visibility using this method.
2. Enhanced Google Pay Integration via Google Business Merchant
FunnelKit Pay has gone one step ahead to develop an enhanced integration with Google Pay using Stripe.
Once you enable this integration, the GPay button will appear everywhere on any browser while the payment still goes through Stripe.
Google Pay Configuration
Follow this guide to set up Google Pay in your WooCommerce store:
Step 1: Enable Google Pay
Go to the WooCommerce ⇨ Settings ⇨ Payments tab.
Turn on the toggle and click on Finish set up or Manage next to Google Pay.
Configure the following settings for your Google Pay integration:
- Enable Google Pay – Enable Google Pay in your store
- Title – Enter title of your Google Pay payment method
- Google merchant ID and name – Enter the Google Merchant ID and name provided while setting up your Google Business account. We’ll look at how to get this ID later in this article.
- Display position – Enable the Google Pay payment method using express checkout buttons, in the payment gateway, or both.
- Description – The description of the payment method will appear below the title.
- Button color – Set the color of the Google Pay button: White or Black
- Button theme – Choose the theme of the Google Pay button: Book, Buy, Plain, Checkout, Donate, Order, Pay, and Subscribe.
Click on Save changes when you’re done.
Step 2: Customize the Google Pay express checkout option
Enable express checkout buttons from the ‘Express Checkout’ tab:
Configure the pages you want to show the Apple Pay express payment options.
Click on ‘Test Visibility’ to see if the Google Pay button can be shown on your WooCommerce store.
Here, you’ll see a confirmation that Google Pay supports your browser.
This is how you can enable Google Pay in your WooCommerce store.
Enhanced Google Pay Integration
FunnelKit Pay offers you the direct Google Pay integration via Google Business Merchant. This way,
Follow the step-by-step instructions below to get a Google merchant ID and conduct live GPay transactions in your WooCommerce store.
Step 1: Log in to your Google Business account
Go to Google Business and log in to your account.
Step 2: Complete your business profile
On the Business Profile section, enter the information of your business, including the business name, your name, street address, city, state, zip code and country.
Make sure to update the basic and customer support information of your business.
Hit the ‘Save’ button when done.
You can find your Merchant ID here:
This is how you can get your Google Merchant ID.
Google Merchant ID is a unique identifier that gets assigned to merchants. It gets generated after entering information about your business.
Now that you have entered your Merchant ID, let’s submit our website integration for review and approval.
Step 3: Add your website and upload the screenshots
Scroll down and you see the ‘Set up Google Pay API’ section. Hit the ‘Get Started’ button.
Click on the ‘+ Add Website’ to integrate your website with Google Pay API.
Enter your website URL and choose the Google Pay integration type as Gateway.
Next, take some screenshots of the Google Pay button on different pages of your website, such as:
- Product page
- Cart page
- Checkout page
- Google API payment screen
- Thank you page
Upload all these screenshots one by one.
Once set, click on ‘Save’.
Step 4: Submit your integration to review
Next, check all the boxes and click on the ‘Submit for approval’ button.
The Google API team will review your request. Usually, it takes about 2 to 3 business days to get Google Pay integration approval; however, it may totally differ from store to store.
You’ll get a notification once your website is approved.
This is how you can request and get your WooCommerce Google Pay integration approved for your website.
Step 5: Copy your Merchant ID and paste it into the Google Pay gateway
To conduct live transactions in your store, copy your Merchant ID and paste it into the FunnelKit Pay – Google Pay settings.
For that, navigate to WooCommerce payment settings and click on ‘Manage’ next to Google Pay gateway.
Save the changes when done. Now, your Google Pay button will be visible to your shoppers, and they will be able to carry out transactions using this gateway.
Google Pay Testing
Make sure you have enabled the test mode from the Stripe Settings section.
Go to a product page on the incognito window of your web browser to see if the GPay button is there.
Add this item to the cart and you’ll be able to see the Google Pay button on the cart page and slide-out cart if you use FunnelKit Cart.
Head over to the checkout page and you’ll notice the Google Pay button there too:
It’ll also appear as the inline payment method.
In case, you have any custom field that needs to be filled out, you can offer inline Google Pay payment method.
Once you successfully process the payment, you’ll get directed to the order confirmation page.
This is how you can enable and test Google Pay in your WooCommerce store.
Now enable either the Admin Only Test or Live mode from Stripe settings inside FunnelKit Pay.
This will help you accept live transactions in your WooCommerce store with Google Pay.
