Shopping Cart - Payment Methods - Google Pay

Breadcrumb path: Shopping Cart / Payment Methods / Google Pay

Note: in order to implement Google Pay, an authorize.net gateway account must be created and connected to Build. Please follow these instructions to set up authorize.net.

This section of the guide will cover the Payment Method - Google Pay. You can access this page by clicking on Shopping Cart from your main menu and then clicking Payment Methods from the dropdown menu.

Payment Methods - Google Pay Fundamental

In this section, you will learn to use the Payment Methods - Google Pay module. This module enables you to set up the Google Pay Payment Method, which customers can use from your website’s checkout.

This guide will be separated into three sections for configuring the Google Pay Payment Method.

• ● 1. Set Up Google Pay Account. In this step, you will create a Google Pay Account from the Google website and will then have your business profile approved by Google.

• ● 2. Enable Google Pay in your Authorize.net Account. In this step, you will prepare your Authorize.net account to receive payments from your Google Pay Account.

• ● 3. Google Pay Integration and Build CMS Setup. In this step, you will submit your site for Google Pay integration. You will also set up your Google Pay Account within the Build CMS.

Once you have completed all of these steps, Google Pay will be available as a Payment Method from your website’s checkout. Now that you have learned the fundamental ideas, you can continue with the first section (Google Pay Account).

(1) Set Up Google Pay Account

Access the Google Pay & Wallet Console website. From here, you can create a Google Pay Account and will have access to the following page:

• ● 1 Merchant Name and Merchant ID. In this portion of the screen, on the left (written in blue) you will see your Merchant Name. On the left (in black) you will see your Merchant ID. These will be used later when setting up your accounts.

• ● 2 Business Profile. Click on the Business Profile icon/link to bring up the following page.

• ● 2 Business Identity. To complete this section, click the Set up your payments profile button to the right. You will be prompted with a form asking you to input your name and address.

• ● 3 Business Information. To complete this section, click the Edit business information button to the right. You will have to enter information about your business, including the website and contact information.

After you have completed these sections, your page will appear as follows.

• ● 1 After you have completed your Business Profile, Google will need to Approve your business. Once your business has been approved, your Business Profile page will appear like the one below:

Once you have finished setting up your Google Pay Account, you are ready to move on to the next step (Google Pay Integration).

(2) Enable Google Pay in Your Authorize.net Account

To move forward with Google Pay, you must enable Google Pay within your Authorize.net Account. This is an essential step for preparing Authorize.net to receive payments from Google Pay. In this step, you will enter your Google Pay Merchant ID into the Authorize.net payment setup, so that you can generate a Public Key (a unique code identifying the connection between your accounts within the system).

Google Pay and Apple Pay Settings

• ● 3 Digital Payment Solutions. Clicking on this link will lead you to another page to continue the process of enabling Google Pay in your Authorize.net account.

• ● 1 Enable Google Pay. Click Sign Up. Google Pay is known here as Android Pay (the two can be used interchangeably). This will bring you to another page where you will need to enter your Google Pay Merchant ID.

• ● 1 Keyset ID/Generate Public Key. First, Enter Google Pay Merchant ID into the KeySet ID field. Then click Generate Public Key. You have now completed the process of enabling Google Pay within Authorize.net.

Once you have completed this step, you can continue to the next part of the guide, which will involve integrating your Google Pay Account with your Build CMS Account.

(3) Google Pay Integration

Now navigate back to your Google Pay & Wallet Console.

• ● 1 Google Pay API. This manages the API (Application Protocol Interface) for your Google Pay Account. This allows your Google Pay Account to communicate with other applications. To continue with the integration, click the Get Started button and agree with the Terms and Conditions.

Once you have done this, return to the Build CMS and access the Payment Methods - Google Pay module. You will now enter information in the Build CMS necessary to integrate your accounts.

• ● 1 [On | Off]. This button controls whether Google Pay is active on your website. Select On to activate this payment method.

• ● 2 Merchant ID. In this field, enter the Merchant ID. This can be found in the upper right corner of your Google Pay & Wallet Console (shown below).

• ● 3 Merchant Name. In this field, enter the Merchant Name. This can be found in the upper right corner of your Google Pay & Wallet Console (shown below).

• ● 4 Payment Gateway. This field displays the Payment Gateway that is supported by Google Pay. In this case, the default is authorizenet which cannot be changed.

• ● 5 Payment Gateway Merchant ID. This field displays the Payment Gateway Merchant ID. This is used for encrypting card details when completing a Google Pay transaction. This value can be entered from the Payment Methods - Authorize.net module.

• ● 6 Environment [Test | Production]. This dropdown menu enables you to select the Environment. Select Test in order to begin the testing process.

• ● 7 Display on Product Page [On | Off]. This setting controls whether or not to display the Google Pay Button on product pages.

• ● 8 Country Code. In this field, you can enter the Country Code for Google Pay transactions. The default value is “US”.

• ● 9 Currency Code. In this field, you can enter the Currency Code for Google Pay transactions. The default value is “USD”.

Once you have completed this, you can move on to the next section. You will need to navigate to the Payment Methods - Authorize.net screen.

• ● 1 Payment Methods. Select the Authorize.net Payment Method to bring up the Authorize.net settings screen to the right.

• ● 2 Authorize.net Settings. Copy the below credentials to their respective fields and enable the Sandbox option.

• Account Login ID: 49FpJy4ju

• Transaction Key: 49778KT6QngjZRUs

• Payment Gateway ID: 849600

Now return to the Google Pay API section of your Google Pay & Wallet Console.

• ● 1 Integrate with your website. Click the Add website button to bring up a new screen.

• ● 1 Website URL*. In this field, enter your Build website URL.

• ● 2 Integration Type: In this dropdown menu, select Gateway as your Integration Type.

• ● 3 Item Selection. In this section, click the button on the right to Upload a screenshot of your product listing page [front-end example].

• ● 4 Pre-purchase screen. In this section, click the button on the right to Upload a screenshot of your product description page [front-end example].

• ● 5 Payment method screen. In this section, click the button on the right to Upload a screenshot of your shopping cart page [front-end example].

• ● 6 Google Pay API payment screen. In this section, click the button on the right to Upload a screenshot of your shopping cart page [front-end example].

• ● 7 Post-purchase screen. In this section, click the button on the right to Upload a screenshot of your payment success screen [front-end example].

Once you have completed the above section, click the Save button and then the Submit for approval button.

Note: The Google Team will review your website and will give either an approval or denial notice within 1 to 2 business days. In the case that you receive a denial notice, please contact the Build support team.

Once you have completed the above, you can revert Authorize.Net from Sandbox. You will need to navigate to the Payment Methods - Authorize.net screen.

• ● 1 Payment Methods. Select the Authorize.net Payment Method to bring up the Authorize.net settings screen to the right.

• ● 2 Authorize.net Settings.

• Transaction Test Mode. Uncheck “Enable”. The previous step (required for approval) used Test Mode to perform a Test until your account was approved.

• Sandbox. Uncheck “Enable”. Now that the test has been performed and approved using the Sandbox, you will no longer need to use it.

After you have completed the above section, be sure to click Save. Now navigate back to Payment Settings - Google Pay. Here you will perform the final step for activating Google Pay on your website.

• ● 1 Environment. From the dropdown menu, select Production in order to begin allowing Google Pay payments through Authorize.net on your webpage.

Now that you have (1) Set Up Google Pay Account, (2) Enabled Google Pay in Authorize.net, and completed (3) Google Pay Integration and Build CMS Setup, that concludes this section of the help manual.