How to enable Google Pay in Stripe

1// google-pay-checkout.js
2// Complete Google Pay integration with Stripe Payment Request Button
3
4const stripe = Stripe('pk_test_your_publishable_key');
5
6const paymentRequest = stripe.paymentRequest({
7  country: 'US',
8  currency: 'usd',
9  total: {
10    label: 'Order total',
11    amount: 2000  // $20.00 in cents
12  },
13  requestPayerName: true,
14  requestPayerEmail: true
15});
16
17const elements = stripe.elements();
18const prButton = elements.create('paymentRequestButton', {
19  paymentRequest,
20  style: {
21    paymentRequestButton: {
22      type: 'buy',
23      theme: 'dark',
24      height: '48px'
25    }
26  }
27});
28
29paymentRequest.canMakePayment().then(result => {
30  if (result) {
31    prButton.mount('#google-pay-button');
32    if (result.googlePay) {
33      console.log('Google Pay is available');
34    }
35  } else {
36    document.getElementById('google-pay-button').style.display = 'none';
37  }
38});
39
40paymentRequest.on('paymentmethod', async (event) => {
41  try {
42    const res = await fetch('/api/create-payment-intent', {
43      method: 'POST',
44      headers: { 'Content-Type': 'application/json' },
45      body: JSON.stringify({ amount: 2000 })
46    });
47    const { client_secret } = await res.json();
48
49    const { error, paymentIntent } = await stripe.confirmCardPayment(
50      client_secret,
51      { payment_method: event.paymentMethod.id },
52      { handleActions: false }
53    );
54
55    if (error) {
56      event.complete('fail');
57      return;
58    }
59
60    if (paymentIntent.status === 'requires_action') {
61      const { error: actionError } = await stripe.confirmCardPayment(client_secret);
62      event.complete(actionError ? 'fail' : 'success');
63    } else {
64      event.complete('success');
65    }
66  } catch (err) {
67    event.complete('fail');
68    console.error('Payment failed:', err);
69  }
70});