Check out our video tutorial for steps on how to set up Google Pay in WordPress:

Or, if you’d rather follow a written tutorial, follow these simple steps:

Step 1: Install the WPForms Plugin

The very first thing you’ll need to do to set up Google Pay for your site is install the WPForms WordPress plugin.


In order to use the Stripe addon to enable Google Pay, you need at least the Pro license level. After you’ve completed your purchase, you can log in to your WPForms account to download and install the plugin.

If you need more help with this step, check out our guide on how to install WPForms.

Step 2: Activate the Stripe Addon

Now that WPForms is up and running, you can install the Stripe addon to add payment plugin functionality to your site.

In your WordPress dashboard admin menu, go to WPForms » Addons.

Accessing the WPForms addons screen

Then look for the Stripe addon and click the Install Addon button.

Installing the Stripe addon for WPForms

Once it’s installed, the addon should also automatically activate. Then you can begin connecting WPForms to Stripe.

We’ll explain the whole process, but if you feel like you need additional help, you can see our Stripe addon documentation for more details.

Step 3: Connect WPForms to Your Stripe Account

Next, head over to WPForms » Settings » Payments. Here you’ll see your general payment and Stripe addon settings.

WPForms Stripe payment settings

First, select from the currencies available. We’ll be using US dollars for our example.

Select your currency in WPForms

Then click the Connect with Stripe button to start connecting WPForms to Stripe.

Connect your Stripe account to WPForms

This will open a new page where you can enter your Stripe account credentials and other information to connect your site to Stripe.

Stripe Connect wizard

Once you’ve completed the Stripe Connect wizard, you’ll be returned to your WPForms payments settings page. You should see a check mark indicating that your account is properly connected.

Stripe Connection verification showing that your site is connected in live mode

Note that you’ll also see a checkbox here to enable Test Mode. This is a useful option if you’re just setting up your eCommerce site and want to check that everything is working properly.

See our guide on testing Stripe payments for more details on how to use test mode.

Step 4: Enable Payment Element Mode

The next setting you need to configure is which mode you want to use the Stripe addon in. There are 2 options: Card Element and Payment Element.

Selecting a Credit Card Field Mode for the Stripe addon

Card Element mode will only accept payments from credit and debit cards. Payment Element mode accepts card payments as well as digital wallet payments with Google Pay and Apple Pay.

So, select Payment Element mode, then save changes to your payment settings by clicking the button at the bottom of the screen.

Saving Stripe payment settings

Step 5: Create Your Stripe Payment Form

Great! Now the Stripe addon is all set up and ready to use. Next, you’ll need a form where customers can make purchases on your WordPress site.

To begin making your Google Pay WordPress form, head over to WPForms » Add New.

Adding a new form in WPForms

This will open the form builder to the first screen where you can name your form and select a template.

For our example, we’re going to use the Billing / Order Form template. However, you can use any template you like or build your form from scratch. Every template in WPForms is 100% customizable.

Selecting the Billing/Order Form template

Once you’ve chosen your template, it will load in the drag-and-drop form builder.

The Billing / Order Form template

Here, you can make any changes you want to your form. For more details on customizing your form, check out our tutorial on how to make a WordPress order form.

For now, all we’re going to do is add a Stripe Credit Card field.

Adding a Stripe Credit Card field to a form

Drag and drop the Stripe field into the preview area to add it to your form.

Whenever you add a new field to your form, you can customize its field options by clicking on it in the form preview area. First, you can change the field label for the Stripe Credit Card field.

Changing the label of the Stripe Credit Card field

You can also add a description if you like. And, if customers have to make a payment to submit your form, make sure to toggle on the Required option.

Next, move over to the Advanced field options. Here, you can set up Link to provide returning customers with a faster payment process.

Changing the Stripe Credit Card Field Link Email field

Link is a service that enables online shoppers to complete 1-click Stripe checkout when making purchases at online stores where they’ve shopped before. Select whether you want to use an Email field from your form or add an Email subfield to the Stripe Credit Card field to save customers’ information for future purchases.

Once your form is looking the way you want it to, there’s one more thing you have to do before you add it to your WordPress site.

Step 6: Configure Your Stripe Form Payment Settings

You’ve already connected WPForms to Stripe, but now you need to enable Stripe payments for this specific form.

In the form builder, click on the Payments tab on the left. Then select Stripe and toggle on the Enable Stripe payments setting.

Enabling Stripe payments for a form

Next, fill in the rest of the settings for this payment form. The Payment Description is what will show on customers’ bank account statements for this purchase. Then you’ll need to select the Email field from your form to send the receipt to the customer after their payment is complete.

The Stripe form payments settings

If you’re selling a membership or subscription product, you can also check out how to enable recurring subscriptions with Stripe.

Once you’ve finished with the Stripe settings, your Google Pay form is done! Make sure to click the Save button at the top of the form builder.

Saving your form

Step 7: Publish Your Google Pay Form

All that’s left is to add your Google Pay form to your WordPress site so customers can make purchases. WPForms includes lots of different ways to embed forms on your site, but we’ll be using the embed tool to add our form to a new checkout page.

From the form builder, click on the Embed button at the top of the screen.

Form builder embed button

This will open a module where you can select if you want to add your form to an existing WordPress page or create a new page.

The Embed in a Page popup

We’ll select Create New Page. Then enter a name for your page in the field provided and click Let’s Go!

Naming a new page for your payment form

WPForms will add your form to your new page automatically. Check that everything looks right, then go ahead and click Publish.

Publishing your payment form
Now customers who have Google Pay enabled on their devices will see a Google Pay option on this form.

Stripe Credit Card field with Google Pay

Note that you’ll only see the Google Pay button if you have Google Pay set up on your device. Anyone without Google Pay can still use your form to make an online payment using a credit card.


Please enter your comment!
Please enter your name here