redbull-paymentelement-googlepay | Stripe Developers | Page 1

blazing shuttleBOT Jan 22, 2024, 5:01 PM

#

Hello! We'll be with you shortly. Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

red_bull, 5 days ago, 4 messages
red_bull, 6 days ago, 31 messages

inland sinew Jan 22, 2024, 5:02 PM

#

Hi 👋

What code are you using to create the Payment Method?

tender blade Jan 22, 2024, 5:02 PM

#

I am creating a payment intent and returning client secret back

#

so, I am not creating the payment method in code

#

should I?

inland sinew Jan 22, 2024, 5:04 PM

#

Sorry, my mistake. Can you share the code you use to create the Payment Element?

tender blade Jan 22, 2024, 5:04 PM

#

sure, just a minute

#

export const createPaymentIntent = async (amount: number) => {
const customerId = 'cus_PNyMEVA3h6rNB2';

const paymentIntent = await stripe.paymentIntents.create({
amount: amount * 100,
currency: 'usd',
customer: customerId,
automatic_payment_methods: {
enabled: true,
},
});

return {
clientSecret: paymentIntent.client_secret,
};
};

#

oh sorry, that's payment intent. let me paste a code related to payment element too

#

my code is a bit mixed with business logic but I hope you will understand what is happening there. So, this is parent component with Elements:

#

and this is checkout form(child component)

inland sinew Jan 22, 2024, 5:09 PM

#

Wait...

#

You're just asking about the
"Another step will appear to securely submit your payment information." text?

#

That is totally normal and how this has always worked

#

You can see it in the preview of the Payment Element here: https://stripe.com/docs/payments/quickstart

#

Google Pay requires the launching of a separate modal window whose content is controlled by Google

tender blade Jan 22, 2024, 5:12 PM

#

ok, let me check this article and fire that example app. Maybe I don't understand something. I'd expect the list of payment cards from Google wallet to appear after selecting google pay

inland sinew Jan 22, 2024, 5:13 PM

#

Nope that's a Google Pay requirement

#

And it is always how the Payment Element has behaved

#

Apple Pay is the same way

tender blade Jan 22, 2024, 5:18 PM

#

should I run this app locally or there is already somewhere hosted version?

#

I mean this demo app from the article

inland sinew Jan 22, 2024, 5:21 PM

#

I would run it locally but you will need to use a tool like ngrok so you can load your local app in an https URL with a valid cert

#

Otherwise Google Pay won't show up

tender blade Jan 22, 2024, 5:22 PM

#

got it, so this app has implemented flow with redirect to the next step when selecting google pay?

inland sinew Jan 22, 2024, 5:22 PM

#

But a colleague of mine has a pretty cool demo set up if you just want to test it out
https://4242.io/test/payment-element/

#

Just test it out on that page to see what happens

tender blade Jan 22, 2024, 5:22 PM

#

let me check

#

oh, actually I just hit submit when google pay selected in my app and it redirected me to the next step). I am sorry about asking this stupid question. For some reason It wasn't obvious to me that nothing is displayed when selecting google pay and only after hitting submit button redirect is happening. Thank you for your help

inland sinew Jan 22, 2024, 5:25 PM

#

No problem! My colleague's site is also a good place to see a lot of examples of different Stripe elements in use.

#redbull-paymentelement-googlepay