tienbt_api | Stripe Developers | Page 1

charred elmBOT Mar 18, 2024, 1:51 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/1219100870172741753

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

unborn etherBOT Mar 18, 2024, 1:51 AM

#

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.

tienbt_api, 2 days ago, 56 messages
tienbt_api, 2 days ago, 14 messages
tienbt_api, 2 days ago, 29 messages
tienbt_api, 3 days ago, 18 messages
tienbt_api, 4 days ago, 13 messages
tienbt_api, 4 days ago, 36 messages
and 3 more

hardy beacon Mar 18, 2024, 1:51 AM

#

Hi

#

Nice to meet you

#

[3D Secure authentication flow for mobile] Is this flow different with [Support and availability]?

unborn etherBOT Mar 18, 2024, 1:54 AM

#

whole pivot Mar 18, 2024, 1:56 AM

#

Where do you get the first screenshot from? Can you share the doc link?

#

I can't find that section in https://docs.stripe.com/testing#3d-secure-mobile-challenge-flows

Test payment methods

Use test cards to validate your Stripe integration without moving real money. Test a variety of international scenarios, including successful and declined payments, card errors, disputes, and bank authentication. You can also test non-card payment methods and redirects.

hardy beacon Mar 18, 2024, 1:59 AM

#

https://docs.stripe.com/testing#three-ds-cards
https://docs.stripe.com/testing#flux-d’authentification-3d-secure-pour-mobile

Test payment methods

Use test cards to validate your Stripe integration without moving real money. Test a variety of international scenarios, including successful and declined payments, card errors, disputes, and bank authentication. You can also test non-card payment methods and redirects.

#

I send this link

#

https://docs.stripe.com/testing#3d-secure-mobile-challenge-flows

Test payment methods

Use test cards to validate your Stripe integration without moving real money. Test a variety of international scenarios, including successful and declined payments, card errors, disputes, and bank authentication. You can also test non-card payment methods and redirects.

#

whole pivot Mar 18, 2024, 2:05 AM

#

ah i see! it looks like the initial screenshot likely had a different translation, so the texts are different

#

3DS on mobile might have a different UI, so the test cards for mobile are listed separately

#

Nevertheless, their 3DS support are the same

hardy beacon Mar 18, 2024, 2:09 AM

#

So we need to perform test cards with mobile devices, right?

whole pivot Mar 18, 2024, 2:28 AM

#

How are you integrating with Stripe currently? Are you using mobile Payment Sheet or web Payment Element?

hardy beacon Mar 18, 2024, 2:35 AM

#

I am using web Payment Element

whole pivot Mar 18, 2024, 2:39 AM

#

With web Payment Element, https://docs.stripe.com/testing#three-ds-cards should be sufficient.

Mobile 3DS test cards is for mobile Payment Sheet integration.

Test payment methods

Use test cards to validate your Stripe integration without moving real money. Test a variety of international scenarios, including successful and declined payments, card errors, disputes, and bank authentication. You can also test non-card payment methods and redirects.

hardy beacon Mar 18, 2024, 2:49 AM

#

Yes, Thanks

#

In case of payment with apple pay error, is there any way we can handle this pop up?

whole pivot Mar 18, 2024, 3:00 AM

#

This Apple Pay interface is owned by Apple Pay. I'm afraid we don't have way to handle this pop up. Customer will have to try again to make the payment

hardy beacon Mar 18, 2024, 3:02 AM

#

In this case, we have no way to notify users of errors.

whole pivot Mar 18, 2024, 3:03 AM

#

The above "Try Again" screenshot has notified the user to try the Apple Pay payment again. Isn't it a notification?

hardy beacon Mar 18, 2024, 3:06 AM

#

But it does not report specific errors like decinated or blocked

#

But it does not report specific errors like decined or blocked

whole pivot Mar 18, 2024, 3:08 AM

#

If the customer stays on Apple Pay interface, the UI is controlled by Apple and specific error will not be shown in Apple Pay's interface

hardy beacon Mar 18, 2024, 3:09 AM

#

Yes. Thanks

#

#

Is there any way I can customize this when using the payment element?

whole pivot Mar 18, 2024, 3:15 AM

#

Appearance API can be used, but it will apply to entire Payment Element, not specific text: https://docs.stripe.com/elements/appearance-api

Elements Appearance API

Customize the look and feel of Elements to match the design of your site.

hardy beacon Mar 18, 2024, 3:21 AM

#

#

The card number should be right-align instead of left-align
The card logo should be left-align instead of righ-align

#

Can we update this when using payment element?

#

Hi

whole pivot Mar 18, 2024, 3:30 AM

#

Thanks for waiting! I'm afraid the alignment can't be changed for card number and logo in Payment Element

hardy beacon Mar 18, 2024, 3:37 AM

#

With Expiration change to expiry date

#

Can I change this?

#

hi

whole pivot Mar 18, 2024, 3:46 AM

#

Discord can be busy. It'll take time to respond. Please be patient

#

The name of the label can't be changed. If you wish to have customisation on the Element, I'd recommend using split Card Element: https://www.youtube.com/watch?v=gW8b0Y6Ae8o

YouTube

Stripe Developers

Split credit card fields with Stripe.js & Elements

In this episode, you'll learn from Matt about how use separate card input fields for number, expiry and cvc with Stripe.js and Elements.

Presenter

Matthew Ling - Developer Advocate at Stripe - https://twitter.com/mattling_dev

Resources

Official client library: https://github.com/stripe/stripe-ruby
Official documentation: https://stri...

▶ Play video

#

Here's the example code: https://glitch.com/edit/#!/pi-split-elements?path=public%2Fclient.js%3A59%3A57

Glitch Code Editor ･ﾟ✧

Simple, powerful, free tools to create and use millions of apps.

hardy beacon Mar 18, 2024, 3:52 AM

#

Are there any limitations to using card elements?

whole pivot Mar 18, 2024, 3:55 AM

#

Here's the comparison between Payment Element and Card Element: https://docs.stripe.com/payments/payment-card-element-comparison

Payment Element and Card Element comparison

Learn more about the Payment Element and Card Element so you can decide which to use in your integration.

#

The main difference is that Card Element only accepts card, but not other payment methods

hardy beacon Mar 18, 2024, 3:58 AM

#

Monosnap_Omillionaire_Checkout_2024-03-18_10-55-27_1.png

#

We cannot use American Express cards here. Please check if I am missing any settings?

whole pivot Mar 18, 2024, 4:01 AM

#

Can you share the request ID (req_xxx) of the error? Here’s how you can find it: https://support.stripe.com/questions/finding-the-id-for-an-api-request

Finding the ID for an API Request : Stripe: Help & Support

Find help and support for Stripe. Our support site provides answers on all types of situations, including account information, charges and refunds, and subscriptions information. Get your questions answered and find international support for Stripe.

#

Or can you share the Payment Intent ID (pi_xxx) that is used for this amex payment?

hardy beacon Mar 18, 2024, 4:16 AM

#

This is the notification right above the payment element.

#

We haven't created a Payment Intent ID yet

#

#

We use this card.

whole pivot Mar 18, 2024, 4:19 AM

#

Can you share your public accessible development website, so that I can take a look amex is not accepted? Some countries don't accept amex: https://docs.stripe.com/payments/cards#online-card-brand-capabilities

Cards

Learn more about accepting card payments with Stripe.

hardy beacon Mar 18, 2024, 4:21 AM

#

We are in UAE country

whole pivot Mar 18, 2024, 4:21 AM

#

If your Stripe account country UAE, then yes - amex is not supported

#

hardy beacon Mar 18, 2024, 4:29 AM

#

Is this a limitation for both card element and payment element?

whole pivot Mar 18, 2024, 4:31 AM

#

It's a limitation within Stripe. It'll be the same for all elements

hardy beacon Mar 18, 2024, 4:34 AM

#

Yes. thanks.

#

How can I test these cases?

Monosnap_Test_payment_methods___Stripe_Documentation_2024-03-18_11-25-50.png

whole pivot Mar 18, 2024, 4:38 AM

#

The description has explained how these test cases can be tested. You simply input the card number and the field required in the description

unborn etherBOT Mar 18, 2024, 4:49 AM

#

hardy beacon Mar 18, 2024, 6:05 AM

#

Hi

lyric willow Mar 18, 2024, 6:17 AM

#

Hi @hardy beacon I'm taking over this thread

hardy beacon Mar 18, 2024, 6:22 AM

#

I am here

lyric willow Mar 18, 2024, 6:22 AM

#

Let me know if you have any follow-up questions

hardy beacon Mar 18, 2024, 8:16 AM

#

Hi

#

With case post code fail

#

I have set up the radar

lyric willow Mar 18, 2024, 8:18 AM

#

You mean "address checks fail" ?

hardy beacon Mar 18, 2024, 8:18 AM

#

lyric willow Mar 18, 2024, 8:19 AM

#

Ok, there's a test card for this test.

hardy beacon Mar 18, 2024, 8:19 AM

#

#

Can I understand post code as this country?

#

4000000000000036
I am using this card.

lyric willow Mar 18, 2024, 8:23 AM

#

Postal code is not required for Vietnam.

#

You can change the country to "US" and payment element will show postal code field.

hardy beacon Mar 18, 2024, 8:38 AM

#

#

I don't want to display google pay, what should I do?

lyric willow Mar 18, 2024, 8:40 AM

#

https://dashboard.stripe.com/settings/payment_methods turn it off from settings

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds, respond to disputes and more.

hardy beacon Mar 18, 2024, 8:40 AM

#

I don't want this part to show and I only pay by card here.

lyric willow Mar 18, 2024, 8:58 AM

#

Once Google Pay is disabled in your Dashboard, it won't be shown in the payment element.

charred elmBOT Mar 18, 2024, 8:59 AM

#

hardy beacon Mar 18, 2024, 9:08 AM

#

Yes. Thank you.

hasty grove Mar 18, 2024, 9:09 AM

#

Hey, taking over here. Let me know if there's any follow-up Qs I can answer!

hardy beacon Mar 18, 2024, 9:09 AM

#

I am here

hardy beacon Mar 18, 2024, 9:10 AM

#

hardy beacon

about error this message, do we can custom?

hasty grove Mar 18, 2024, 9:12 AM

#

whole pivot Appearance API can be used, but it will apply to entire Payment Element, not spe...

I see that my colleague had already answered this question.

hardy beacon Mar 18, 2024, 9:13 AM

#

Yes, sorry for my missing

#

thanks

#tienbt_api

Presenter

Resources