- Overview
- Enable Google Pay in the Braintree Control Panel
- Register Google Pay Merchant Account
- Enable Google Pay for your Online Store
- Merge Code
Overview
Google Pay provides a purchasing experience for customers with supported Android devices. It allows customers to pay with cards stored in their Google account, making it quick and easy for customers to buy on both mobile and the web.
To use Google Pay in your store, you need to have a Braintree account with Google Pay enabled.
Enable Google Pay in the Braintree Control Panel
How to enable your Google Pay in Braintree Account:
- Log into your production Control Panel
- Click on the gear icon in the top right corner
- Click Processing from the drop-down menu
- Scroll to the Payment Methods section
- Enable to Google Pay
Register Google Pay Merchant Account
- You'll also need to follow Google's documentation to register your domain and receive a merchant ID.
Enable Google Pay for your online store
- Click on the gear icon in the top right corner in your Braintree Control Panel
- Click on API
- Generate Api keys
- Copy and paste APi keys and Merchant ID to your online store Google Pay setup page
- Copy and Post your google merchant ID to your online store Google Pay setup page
- Enable the integration
Merge code for Google Pay
- Make sure $$GOOGLEPAYBUTTON$$ is in your theme's checkout page. an example from Foundation theme
<!-- Express ChecktotalArea -->
<ac:visibilityarea id="ExpressPayArea">
$$EXPRESSPAYAREABEGIN$$
<div class="checkout-express mb-3">
<div class="checkout-express-header h3 fw-bold mb-2">Express Checkout</div>
<div class="checkout-express-body row row-cols-auto mobile-scroll m-0">
$$PAYWITHAMAZONBUTTON$$ $$APPLEPAYBUTTON$$ $$GOOGLEPAYBUTTON$$ $$PAYPALSMARTBUTTONS$$
</div>
<div class="checkout-express-footer small text-muted pt-2">
Or continue to pay with a credit card below
</div>
</div>
$$EXPRESSPAYAREAEND$$
</ac:visibilityarea>
<!-- END Express Checkout -->