FunnelKit
FunnelKit Documentation
Get unstuck with our helpful reference material

Google Pay

This document explains how to enable and configure Google Pay, including its display, appearance, shipping information, and payment behavior.

Note: The Google Pay button is rendered by Stripe (Express Checkout) and works in supported browsers such as Chrome without a Google Merchant ID. No additional setup is required.

The following settings let you control the Google Pay button’s display, appearance, shipping information, and payment behavior.

How To Enable And Configure Google Pay

Step 1: Enable Google Pay

To enable and configure Google Pay, navigate to WooCommerce ⇒ Settings ⇒ Payments and select the Google Pay tab.

Google Pay settings in WooCommerce Payments
  • Enable Google Pay: Check the box to enable Google Pay on your WooCommerce store.
Enable Google Pay for a WooCommerce store

Step 2: Set up display locations and positions

  • Display Locations: Choose where to display the Google Pay button: Product Page, Cart, Checkout (Express Button), Show as Regular Payment Gateway
  • Product Page Button Position: Choose where the Google Pay button appears on the product page: Above Add to Cart, Below Add to Cart, or Inline Button.
Configure Google Pay display locations and button position

Step 3: Configure button type and style

  • Button Type: Select the button type. Options are Plain, Buy, Pay, Checkout, Donate, Book, Order, or Subscribe.
  • Button Color: Choose the button color. Options are Black and White.
Customize Google Pay button type and color

Step 4: Disable Shipping Info in Payment Wallet

  • Disable Shipping Info in Payment Wallet: Hide the shipping address and shipping methods in the Google Pay payment wallet. When enabled, customers select their shipping information on the checkout page instead of in the Google Pay wallet.

Note: Enable this option if your store uses shipping, parcel, or local pickup plugins with their own shipping interface. It helps prevent conflicts by keeping shipping address and method selection on the checkout page.

Disable shipping information in the Google Pay payment wallet

Step 5: Set up icon and separator text

  • Icon Style: Choose the icon style from With Rounded Border, With Border, and Standard.
  • Separator Text: Enter the text to display as a separator around the Google Pay button.
Configure Google Pay icon style and separator text

Step 6: Set up charge type

Choose how payments are processed:

  • Charge: Captures the payment immediately. This is recommended for most stores.
  • Authorize: Places a hold on the customer's funds, which can be captured manually later. Authorized orders remain on hold until the payment is captured.
Configure Google Pay charge type for payment processing

Step 7: Set up title and description

  • Title: Enter the title displayed for Google Pay when it is shown as a regular payment gateway.
  • Description: Enter the description displayed for Google Pay when it is shown as a regular payment gateway.
Set the Google Pay title and description

Finally, make sure to hit “Save Changes” to save the settings.

Testing Google Pay

Now, to test the process, go to a product page where you can find the Google Pay option.

Customers can directly buy from the product page using Google Pay.

Google Pay option on the WooCommerce product page

Similarly, you can find the Google Pay option as express checkout and inline payment on the checkout page.

Google Pay express checkout and inline payment options

Make sure to test payment methods in test mode and, once done, switch to live mode.

Ready to Transform Your Store?
Join 40,300+ successful store owners who trust FunnelKit to power their businesses.
Conversion Optimized Checkout Pages
Increase Revenue with Smart Upsells
Capture Emails & Recover Abandoned Carts
Automate Winbacks & Repeat Sales
1001+ 5 star reviews on WordPress.org
Transform your store to power your business with FunnelKit
🚀 Maximize Your Profit with FunnelKit – Highest Rated with 1001+ 5-Star Reviews
Get Started