Google Pay supports payments in 36 countries and 22 currencies:

• Countries: Australia, Austria, Belgium, Bulgaria, Canada, China, Cyprus, Czech Republic, Denmark, Estonia, Finland, France, Germany, Greece, Hong Kong, Hungary, Ireland, Italy, Japan, Latvia, Liechtenstein, Lithuania, Luxembourg, Malta, Netherlands, Norway, Poland, Portugal, Romania, Singapore, Slovakia, Slovenia, Spain, Sweden, United States, United Kingdom
• Currencies: AUD, BRL, CAD, CHF, CZK, DKK, EUR, GBP, HKD, HUF, ILS, JPY, MXN, NOK, NZD, PHP, PLN, SEK, SGD, THB, TWD, USD

1. The Google Pay button shows up on your website when a customer uses a web browser.
2. The buyer selects the Google Pay button on your website.
3. Your website shows the buyer a payment sheet.
4. The buyer can choose a different shipping address and payment method.
5. The buyer authorizes the payment.

GitHub Codespaces are cloud-based development environments where you can code and test your PayPal integrations.Learn more

Before you develop your Google Pay on the Web integration, you need to complete Get started to set up your PayPal account, client ID, and sandbox emails for testing.

1import*asPayPalfrom"./paypal-api.js";
2
3/* Create Order route Handler */
4app.post("/api/orders",async(req, res)=>{
5const order=awaitPayPal.createOrder();
6  res.json(order);
7});
8
9/* Capture Order route Handler */
10app.post("/api/orders/:orderID/capture",async(req, res)=>{
11const{
12    orderID
13}= req.params;
14const captureData=awaitPayPal.capturePayment(orderID);
15  res.json(captureData);
16});

1<scriptsrc="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&currency=USD&buyer-country=US&merchant-id=SUB_MERCHANT_ID&components=googlepay"></script>

1<scriptasyncsrc="https://pay.google.com/gp/p/js/pay.js"onload="onGooglePayLoaded()"></script>

1/**
2 * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
3 *
4 * Display a Google Pay payment button after confirmation of the viewer's
5 * ability to pay.
6 */
7functiononGooglePayLoaded(){
8const paymentsClient=getGooglePaymentsClient();
9  paymentsClient.isReadyToPay(isReadyToPayRequest)
10.then(function(response){
11if(response.result){
12addGooglePayButton();
13}
14})
15.catch(function(err){
16console.error(err);
17});
18}
19/**
20 * Add a Google Pay purchase button
21 */
22functionaddGooglePayButton(){
23const paymentsClient=getGooglePaymentsClient();
24const button=
25      paymentsClient.createButton({
26onClick: onGooglePaymentButtonClicked/* To be defined later */,
27allowedPaymentMethods:[baseCardPaymentMethod]
28});
29document.getElementById('container').appendChild(button);
30}

1/* Note: the `googlePayConfig` object in this request is the response from `paypal.Googlepay().config()` */
2asyncfunctiongetGooglePaymentDataRequest(){
3const googlePayConfig=await paypal.Googlepay().config();
4const paymentDataRequest=Object.assign({}, baseRequest);
5  paymentDataRequest.allowedPaymentMethods= googlePayConfig.allowedPaymentMethods;
6// Uncomment for Japan integrations only
7// paymentDataRequest.allowedPaymentMethods[0].parameters.allowedAuthMethods = ['PAN_ONLY'];
8  paymentDataRequest.transactionInfo=getGoogleTransactionInfo();
9  paymentDataRequest.merchantInfo= googlePayConfig.merchantInfo;
10  paymentDataRequest.callbackIntents=["PAYMENT_AUTHORIZATION"];
11return paymentDataRequest;
12}
13functiongetGoogleTransactionInfo(){
14return{
15currencyCode:'USD',
16totalPriceStatus:'FINAL',
17totalPrice:'100.00'// Your amount
18}
19}

1/* Show Google Pay payment sheet when Google Pay payment button is clicked */
2asyncfunctiononGooglePaymentButtonClicked(){
3const paymentDataRequest=awaitgetGooglePaymentDataRequest();
4const paymentsClient=getGooglePaymentsClient();
5  paymentsClient.loadPaymentData(paymentDataRequest);
6}

1asyncfunctionprocessPayment(paymentData){
2returnnewPromise(asyncfunction(resolve, reject){
3try{
4// Create the order on your server
5const{id}=awaitfetch(`/orders`,{
6method:"POST",
7body:
8// You can use the "body" parameter to pass optional, additional order information, such as:
9// amount, and amount breakdown elements like tax, shipping, and handling
10// item data, such as sku, name, unit_amount, and quantity
11// shipping information, like name, address, and address type
12});
13const confirmOrderResponse=await paypal.Googlepay().confirmOrder({
14orderId: id,
15paymentMethodData: paymentData.paymentMethodData
16});
17/** Capture the Order on your Server  */
18if(confirmOrderResponse.status==="APPROVED"){
19const response=awaitfetch(`/capture/${id}`,{
20method:'POST',
21}).then(res=> res.json());
22if(response.capture.status==="COMPLETED")
23resolve({transactionState:'SUCCESS'});
24else
25resolve({
26transactionState:'ERROR',
27error:{
28intent:'PAYMENT_AUTHORIZATION',
29message:'TRANSACTION FAILED',
30}
31})
32}else{
33resolve({
34transactionState:'ERROR',
35error:{
36intent:'PAYMENT_AUTHORIZATION',
37message:'TRANSACTION FAILED',
38}
39})
40}
41}catch(err){
42resolve({
43transactionState:'ERROR',
44error:{
45intent:'PAYMENT_AUTHORIZATION',
46message: err.message,
47}
48})
49}
50});
51}

1<!DOCTYPEhtml>
2<htmllang="en">
3<head>
4<metacharset="UTF-8"/>
5<metaname="viewport"content="width=device-width, initial-scale=1.0"/>
6<metahttp-equiv="X-UA-Compatible"content="ie=edge"/>
7<title>Googlepay Example</title>
8<scriptsrc="./script.js"></script>
9<scriptsrc="https://www.paypal.com/sdk/js?client-id=<client_id>&components=googlepay"></script>
10<linkrel="stylesheet"type="text/css"href="styles.css"/>
11</head>
12<body>
13<main>
14<section>
15<divid="button-container"></div>
16</section>
17</main>
18<scriptsrc="https://pay.google.com/gp/p/js/pay.js"></script>
19<script>
20document.addEventListener("DOMContentLoaded",(event)=>{
21if(google&& paypal.Googlepay){
22onGooglePayLoaded().catch(console.log);
23}
24});
25</script>
26</body>
27</html>

1...
2const{ status}=await paypal.Googlepay().confirmOrder({
3orderId: id,
4paymentMethodData: paymentData.paymentMethodData,
5});
6if(status==="PAYER_ACTION_REQUIRED"){
7console.log("==== Confirm Payment Completed Payer Action Required =====");
8  paypal
9.Googlepay()
10.initiatePayerAction({orderId: id})
11.then(async()=>{
12console.log("===== Payer Action Completed =====");
13/** GET Order */
14const orderResponse=awaitfetch(`/orders/${id}`,{
15method:"GET",
16}).then((res)=> res.json());
17console.log("===== 3DS Contingency Result Fetched =====");
18console.log(
19        orderResponse?.payment_source?.google_pay?.card?.authentication_result
20);
21/* CAPTURE THE ORDER*/
22const captureResponse=awaitfetch(`/orders/${id}/capture`,{
23method:"POST",
24}).then((res)=> res.json());
25console.log(" ===== Order Capture Completed ===== ");
26});
27}
28...

Test your Google Pay integration in the PayPal sandbox and production environments to ensure that your app works correctly.

Sandbox

Use your personal sandbox login information during checkout to complete a payment using Google Pay. Then, log into the sandbox site sandbox.paypal.com to see that the money has moved into your account.

1. Open your test page with a supported web browser on any supported device.
2. Add a test card to your Google Wallet on your device. Google provides test cards through their Test card suite.
3. Tap the Google Pay button to open a pop-up with the Google Pay payment sheet.
4. Make a payment using the Google Pay payment sheet.
5. If you have an additional confirmation page on your merchant website, continue to confirm the payment.
6. Log in to your merchant account and continue to your confirmation page to confirm that the money you used for payment showed up in the account.

Google Pay test card suite

Use Google Pay test card numbers to test your Google Pay integration.

Response objects

Google Pay responses include the following objects: