mili-patel_api | Stripe Developers | Page 1

heavy kiteBOT Jan 10, 2025, 8:40 AM

#

👋 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/1327195279148974101

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

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.

mili-patel_api, 17 hours ago, 47 messages

#

safe rover Jan 10, 2025, 8:40 AM

#

Hello

#

I used this <PaymentElement /> from react-stripe now i have to do some customisation in this like i need to add two new input field like Email and Name of Card Holder then how can i do that and i also need to add css for display none on my link paymnet option's dropdown then how can i do i want the solution for this

#

Hello Is there any one

dusky mauve Jan 10, 2025, 8:46 AM

#

hello! You will need to create your own input fields to collect those details if you want to include them for card payments. The Payment Element only collects details that are required for a specific payment method and email and name of the card holder are not required fields for card payments

safe rover Jan 10, 2025, 8:55 AM

#

so how can i add that fields not based on required but i want to add that fields as not required based in <PaymentElement /> but need to add in <PaymentElement/> then how can i do

dusky mauve Jan 10, 2025, 8:59 AM

#

i'm sorry but i don't understand, can you explain what's the behaviour you're expecting?

heavy kiteBOT Jan 10, 2025, 9:02 AM

#

safe rover Jan 10, 2025, 9:30 AM

#

(https://inspections-capability-synopsis-robinson.trycloudflare.com/) could you please open this link and check for apple pay button is apper or not

silver pebble Jan 10, 2025, 9:33 AM

#

that doesn't work, the code is trying to make a fetch to localhost not the actual server the site is hosted on.

safe rover Jan 10, 2025, 9:44 AM

#

https://underground-shops-disciplines-satisfied.trycloudflare.com now can please check this link and tell me please in that link apple pay button is showing or not ?

silver pebble Jan 10, 2025, 9:46 AM

#

it's not. You haven't registered the domain.
https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#verify-domain-with-apple

safe rover Jan 10, 2025, 9:51 AM

#

https://evolution-cgi-background-roughly.trycloudflare.com could you please open this link and check for apple pay button is apper or not ?

silver pebble Jan 10, 2025, 9:52 AM

#

it's not. You haven't registered the domain.
https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#verify-domain-with-apple

#

can I clarify/help with that?

safe rover Jan 10, 2025, 9:55 AM

#

can you please tell me from where can i do register that option for apple pay option

silver pebble Jan 10, 2025, 9:56 AM

#

have you read the docs linked above?

#

they should help explain, please let me know what specific part you have a question about

safe rover Jan 10, 2025, 10:00 AM

#

in my strip payment method's apple pay option is active still i can not see that option in my demo

silver pebble Jan 10, 2025, 10:02 AM

#

indeed. That's because you haven't registered the domain.
https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#verify-domain-with-apple

safe rover Jan 10, 2025, 10:04 AM

#

then as of now I am working in my LocalHost then how can i register my domain for apple pay

silver pebble Jan 10, 2025, 10:06 AM

#

you can't, you'd need to either deploy the site to a server with a public URL and register that domain name, or use services like e.g ngrok.com that create tunnels to localhost

safe rover Jan 10, 2025, 10:11 AM

#

okay so for that i have to make cloudflared URL and that URL iahve to add as domain then and then i get Access for that wright .?

silver pebble Jan 10, 2025, 10:12 AM

#

can't really understand what you're saying unfortunately but sound right I think?

safe rover Jan 10, 2025, 10:13 AM

#

okay thans for this

now i need one more help from your ends can you .?

silver pebble Jan 10, 2025, 10:14 AM

#

I can try, what's the question?

safe rover Jan 10, 2025, 10:17 AM

#

okay then my question is this
I implemented <PaymentElement /> from react-stripe now i have to do customise that <PaymentElement /> then i can do that or not
i need to customise like need to add two more option which is Email and Name od Card Holder so i can add this two option in <PaymentElement /> or not ?

silver pebble Jan 10, 2025, 10:18 AM

#

You will need to create your own input fields to collect those details if you want to include them for card payments. The Payment Element only collects details that are required for a specific payment method and email and name of the card holder are not required fields for card payments

#

you'd add your own <input> fields outside of the PaymentElement and then when you handle the form submission you can pass the values from those fields into https://docs.stripe.com/js/payment_intents/confirm_payment#confirm_payment_intent-options-confirmParams-payment_method_data-billing_details

safe rover Jan 10, 2025, 10:24 AM

#

okay then i need to set name of card holder name is before counry dropdown option in <PaymentElement /> then how can i do this
I mean from <PaymentElement /> is give these below option
CardNummber
Expiry Date Security Code
Country Postal Code

but i want to need customise as per below
Email
Card Number
Expiry Date Security Code
Name of Card Holder
Country Postal Code

then how can i do

heavy kiteBOT Jan 10, 2025, 10:25 AM

#

fathom root Jan 10, 2025, 10:27 AM

#

hi! I'm taking over this thread.

#

so you want to add two additional inputs on the Payment Element: email and cardholder name?

safe rover Jan 10, 2025, 10:34 AM

#

yes in <PaymentElement /> Component which already provide by react-strip

fathom root Jan 10, 2025, 10:34 AM

#

then you need to use the Payment Element, and add two HTML inputs to your page: one for email, and one for the name.

#

Like <input type="text">

safe rover Jan 10, 2025, 10:35 AM

#

okay thanks

now i need one more help from your ends can you ..?

fathom root Jan 10, 2025, 10:36 AM

#

what's your quesiton?

safe rover Jan 10, 2025, 10:37 AM

#

https://evolution-cgi-background-roughly.trycloudflare.com could you please check this link in your safari browser and there apple pay option is enable or not .?
and already i added this domain in domain configure in stripe paymnet method

fathom root Jan 10, 2025, 10:38 AM

#

yes:

safe rover Jan 10, 2025, 10:40 AM

#

then why it is not showing in my safari browser .?

fathom root Jan 10, 2025, 10:40 AM

#

do you have a card saved in your Apple wallet?

safe rover Jan 10, 2025, 10:42 AM

#

nope

fathom root Jan 10, 2025, 10:44 AM

#

you need a saved card in your wallet to see Apple/Google Pay.

safe rover Jan 10, 2025, 10:46 AM

#

okay then when i get option for apple pay then why pay with link option is disable i need that bot option in my safari browser

fathom root Jan 10, 2025, 10:47 AM

#

I do see both options

#

you can see the supported browser for Link here: https://docs.stripe.com/elements/express-checkout-element#supported-browsers

safe rover Jan 10, 2025, 10:47 AM

#

but in my safari browser I can see only one and that is only for Apple pay Link pay option is not Appear why ?

fathom root Jan 10, 2025, 10:53 AM

#

hum... I'm not sure.

#

but as you can see in teh screenshot above, it does work.

safe rover Jan 10, 2025, 10:58 AM

#

then why i am not seeing that both option in my safari browser .?😫

fathom root Jan 10, 2025, 10:59 AM

#

can you share a screenshot of what you see?

safe rover Jan 10, 2025, 11:00 AM

#

ya sure

#

fathom root Jan 10, 2025, 11:03 AM

#

is this on mobile? in the Safari browser? are you using a webview?

safe rover Jan 10, 2025, 11:03 AM

#

yes this is in mobile safari browser

fathom root Jan 10, 2025, 11:04 AM

#

are you using a webview?

safe rover Jan 10, 2025, 11:05 AM

#

not a web safari browaser i am checking this in my mobile safari browser

#

Hello are you there .?

#

hello some

fathom root Jan 10, 2025, 11:12 AM

#

please be patient

#

can you share a PaymentIntent ID (pi_xxx) where you didn't see Link?

safe rover Jan 10, 2025, 11:12 AM

#

okay sure

#

yes already i pass my clientsecret key and that link pay option is eneble in my google crome browser which i oprn in my laptop and for apply pay i open that same link in my apple mobile thaen that link pay option is not showing only apple pay option is show why .?

fathom root Jan 10, 2025, 11:16 AM

#

can you share a PaymentIntent ID (pi_xxx) where you didn't see Link?

fathom root Jan 10, 2025, 11:44 AM

#

and can you try disabling all your browser extensions to see if that changes anything?

#mili-patel_api