Google Pay: NCS Circ, Payway / Braintree

Goal

Google Pay offers the user an opportunity to purchase a Subscription using Google Pay electronic wallet during Subscribe checkout flow. The goal of this guide is to help you understand integration details in Subscribe for the NCS Circulation systems and Payway and Braintree payment processors.

Before you start

Make sure you meet the following pre-requisites:

• Minimum NCS Circ version required is 2020.2-1

• Minimum Subscribe version required is 3.14.2 for Payway and 3.16.0 for Braintree

• For Payway payment processor Subscribe must use PaywayWS .This service is a wrapper of EccoWS and PW_Web services.

• For Payway payment processor every Payway request needs to go through PaywayWS.

Implementation

Please connect to your implementation manager to turn this feature on. The customer will be responsible for this setup. More information can be found in the Google guide.

For the feature to work valid GatewayMerchantId is required, please see Google tutorial on how to request production access here.

Please note that Google developer account is required to view Google documentation

The MerchantId needs to be put into a JS file for both test and production environments as shown below

const paymentsClient = 

    new google.payments.api.PaymentsClient({environment: 'ENV'}); 
    // ENV is TEST or PRODUCTION

  
paymentDataRequest.merchantInfo = { 
  merchantName: 'Example Merchant' 	// Merchant Name 
  merchantId: '12345678901234567890' 	// Merchant ID 
};  

Solicitor Concierge setup

From the Solicitor Concierge dashboard:

1. Select offer groups from the left sidebar. Your offer groups will appear in a list to the right.

2. Select an offer group from the list, or create a new offer group.

3. Select the additional options category, then select the payment method drop-down menu.

4. Check the GooglePay box.

5. Select update or save as new.

Additional options -> Payment methods -> GooglePay

CMS setup

From the CMS dashboard:

1. Select subscription panel then presentations. Be sure to apply these changes to the newspaper level.

2. Choose your desired presentation from the drop-down menu.

3. Add the GooglePay V3 as a child component to the Payment Method V3 component.

4. Select save and clear your app's cache by selecting the manage cache button, then the relevant app.

Page -> Step -> Payment Methods -> GooglePay

Please note that GooglePay for Frictionless checkout is supported starting from 3.15.0

Outcome

Congratulations! You've configured a Subscription Purchase with GooglePay electronic wallet. During checkout process you will see 'Pay with Google Pay' button.

'Pay with Google Pay' button