#akashpatil7596_api
brave elkBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1283085048458772581
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
eternal dustBOT
tired fiber
Hi 👋 in your flow, are you creating your Payment Intents before creating the Payment Element, or after?
grizzled yacht
Sorry I don't understand, I'm working on ReactJS App. I am only creating Payment Element that's it.
I want to add amazon pay, google pay etc to the Payment Element
Hello
tired fiber
When building a Payment Element flow there are two approaches, one where you create the Payment Intent first:
https://docs.stripe.com/payments/accept-a-payment?platform=web&ui=elements
and one where you defer the creation of the payment intent until later:
https://docs.stripe.com/payments/accept-a-payment-deferred
The order is important, as the payment method types shown come from possibly different places depending on the flow.
grizzled yacht
What is Payment Intent?
tired fiber
It's the object you create in Stripe for processing a payment.
Were you following one of our guides to build your Payment Element integration? If you can link me to that it may give me more insight into how you built your flow and what you need to adjust.
brave elkBOT
grizzled yacht
Hello @sour condor
I've added stripe Payment Element, WIth that I also Add amazon pay, Alipay etc. but GooglePay and Bank Transfer Not Showing Even I add then in Stripe Setting/Payment methods
sour condor
Happy to help though I do have the same questions as toby. Are you following a specific one of our docs and are you creating the payment intent before or after you mount the payment element on your page?
grizzled yacht
Yes, I'm following the SDK Docs for React Stripe.js, as I initially wanted to load the UI Element for payment. I have only implemented/mounted the payment element on my page and yes that is before creating the payment intent.
Here is the link for the doc: https://docs.stripe.com/stripe-js/react
Hello
helloooo
sour condor
Hello, the server is very busy, just getting back here. I think I know the doc to send for this
That doc is the flow you are using and that step gives links to where to set things up so you can enable new PMs from your dashboard
grizzled yacht
Yes I applied the same code in my Project.
import React from 'react';
import ReactDOM from 'react-dom';
import {Elements} from '@stripe/react-stripe-js';
import {loadStripe} from '@stripe/stripe-js';
import CheckoutForm from './CheckoutForm';
// Make sure to call `loadStripe` outside of a component’s render to avoid
// recreating the `Stripe` object on every render.
const stripePromise = loadStripe('pk_test_51PxO6gP0phc3YNG0q5hbVJLXlBoqBb2cjetGvdNOPCgZOE7T6zhUjbb2VDlf4kSzarutLR8UUwpUvjVKlSZSe5jc00yknWqFHF');
function App() {
const options = {
mode: 'payment',
amount: 1099,
currency: 'usd',
// Fully customizable with appearance API.
appearance: {/*...*/},
};
return (
<Elements stripe={stripePromise} options={options}>
<CheckoutForm />
</Elements>
);
};
ReactDOM.render(<App />, document.getElementById('root'));
The question is same
grizzled yacht
Hello <@864223976736817182>
This
sour condor
Not quite sure what you mean. Are you turning on payment methods in your dashboard but they aren't showing up in the payment element?