I went through this about a year/half ago. Had a hard time getting Stripe to work with React Native. Finally got it to work and found it wasn't acceptable to Apple when I submitted it to their App store. So, couldn't use it. It's glad to see Stripe has fixed it. Can't wait to try it.
Hi, I’ve managed to get it working with Apple Pay and Google pay alongside the card payments, just the issue I have now is that I’ve had thousands of blocked cards being used! Anyway to block these from the APP before they do the payments?
I have a strange issue, Apple Pay is displaying but can't get Google Pay to show up at all! Followed all the steps but it just doesn't show up in the paymentsheet, any idea?
Hey Ali-please check here to make sure Google Pay is available in your region: docs.stripe.com/connect/payment-method-available-countries#google-pay. If Google Pay should be supported for your account, please contact us at heretohelp@stripe.com with more info so we can take a closer look. Thank you!
"invalid url an explicit scheme (such as https) must be provided.", after payment sheet has been opened in iOS, but in android it's running real smooth. Anyone know what the issue could be?
Hi Amanda-you might check our doc on enabling Apple Pay to ensure you've gone through these steps: support.stripe.com/questions/enable-apple-pay-on-your-stripe-account.
There are errors like Android app crashes while using payment sheet but not all devices some of them working perfectly but in other devices it causes app crashes
We have a web and a react native app implementing Stripe payment elements. sharing backend endpoints and Stripe configuration. Everything works well in web but in RN we cant show Oxxo payment. It Is enabled in Mobile payment elements?
Hey there-good question! Stripe's React Native SDK is supported by Expo, and you can find more information about this on Expo's website here: docs.expo.dev/versions/latest/sdk/stripe/
If you're referring to collecting the customer's address in Checkout, here's a guide to help: stripe.com/docs/elements/address-element/collect-addresses
Hey there-this option is turned off by default. Check out our documentation on how to enable this here: stripe.com/docs/payments/accept-a-payment?platform=web&ui=checkout#save-payment-method-details.
Great question! You can absolutely create subscriptions as well-check out our guide on this here: docs.stripe.com/billing/subscriptions/build-subscriptions?platform=web.
Hi @Stripe Developers, I am trying to integrate stripe api,the payment sheet is opening but when i try to make payment i get error saying a similar object exists in test mode but a live mode key was used to make this request even though i am using test keys.Please help.
Hi Sufyan-it sounds like you might be using a live key in test mode. Please see here: stripe.com/docs/keys for the differences on API keys. Any further issues, feel free to contact us through support.stripe.com. Thanks!
Hi Sufyan-we would really need to be able to review what it is you're using. Can you please follow the options to contact us via email mentioned above so we can access your account and discuss this further with you? Thank you!
Hey! You can check the code quick-start with all the code descriptions here for a clearer overview: stripe.com/docs/payments/quickstart. If you have any additional question, please feel free to reach out to our support team on Discord at stripe.com/go/developer-chat
And What about Apple's fees ? We all agree that any payment must be subject to commission for Apple. Right ? or not ? So how do we manage this? Is Stripe handling this issue? Sorry my english is bad. Myabe you speak about that but i don't understand everything...
Hi Thibaut-Stripe will charge the same rate for processing Apple Pay transactions as we do for all other credit and debit card transactions. There is no additional fee from Apple for Apple Pay transactions. You can check our fees here: stripe.com/pricing.
@@StripeDev thanks for your reply. But maybe is not the same thing. How to implement Stripe with this : 3. Business There are many ways to monetize your app on the App Store. If your business model isn’t obvious, make sure to explain in its metadata and App Review notes. If we can’t understand how your app works or your in-app purchases aren’t immediately obvious, it will delay your review and may trigger a rejection. And while pricing is up to you, we won’t distribute apps and in-app purchase items that are clear rip-offs. We’ll reject expensive apps that try to cheat users with irrationally high prices. If we find that you have attempted to manipulate reviews, inflate your chart rankings with paid, incentivized, filtered, or fake feedback, or engage with third-party services to do so on your behalf, we will take steps to preserve the integrity of the App Store, which may include expelling you from the Apple Developer Program. 3.1 Payments 3.1.1 In-App Purchase: If you want to unlock features or functionality within your app, (by way of example: subscriptions, in-game currencies, game levels, access to premium content, or unlocking a full version), you must use in-app purchase. Apps may not use their own mechanisms to unlock content or functionality, such as license keys, augmented reality markers, QR codes, cryptocurrencies and cryptocurrency wallets, etc. Apps and their metadata may not include buttons, external links, or other calls to action that direct customers to purchasing mechanisms other than in-app purchase, except as set forth in 3.1.3(a). developer.apple.com/app-store/review/guidelines/#subscriptions
Hi Jamal! We're sorry to hear you're having an issue. Unfortunately this is not an avenue for support, but the team would love to help you out if you reach out to them. You can do that by going here: support.stripe.com/contact/
thank you @@StripeDev for responding so fast. the issue has been solved. my server endpoint was using an authorization middleware which required the post method to come with auth token in the header but my client was making an empty post request to the endpoint to create paymntintent, cus and ephemeral key without sending any post data or headers. once i deleted the middleware from the endpoint, it works now. just gotta send a header with auth token with the post method for middleware to authorize. hope my explanation helps out anyone who encounters this issue
Happy to hear that it's resolved! Thanks for the additional context here. Please don't hesitate to let us know if you run into any further issues, we're here to help.
Hi there Jun-you wouldn't be able to use this to sell digital content. You can read more about this here: stripe.com/docs/apple-pay?platform=ios#using-stripe-and-apple-pay-versus-in-app-purchases.
@@StripeDev Hi, thank you very much for providing the code. I have one question and one suggestion. - Question: Does this only work on bare react native? or it also works on both expo go and expo EAS build? In your github, it seems to me that it is using bare react native app. Am I correct? - Suggestion: Is it possible that you can provide a tutorial for using expo go (or expo EAS build) with firebase as the backend? I have been trying to search for the solution but cannot find it. I believe that many developers use expo and use firebase as their backend server. Thanks a lot!
@@StripeDev Hi again, I just followed the installation procedure, but the app in my ios simulator just showed a completed blank even though I got the following successful information (when typing yarn ios). "info Launching "org.reactjs.native.example.RNVideoSeries" success Successfully launched the app on the simulator ✨ Done in 11.52s." Could you check it?
Hello Developers, I have tried several payment methods, followed the process and the same error occurs: ERROR Error code: Failed ERROR Error message: The provided key 'pk_test_*********************************************************************************************CiaOFS' does not have access to account '' (or that account does not exist). Application access may have been revoked. Please note that I am in test mode before going into production. Thank you.
Hi.. It was very informative. But I am not getting google pay and apple pay option in mobile for real payment. I followed the link for setting and attached code below. const initializePaymentSheet = async () => { try { setVisible(true); const { error } = await initPaymentSheet({ paymentIntentClientSecret: clientSecret, merchantDisplayName: "Wellzio", googlePay: { merchantCountryCode: 'US', testEnv: true, currencyCode: 'usd', }, applePay: { merchantCountryCode: 'US', } } ); if (error) { setVisible(false); Alert.alert("Error", "Failed to initialize payment sheet"); } else { setVisible(false); openPaymentSheet(); } } catch (exc) { setVisible(false); Alert.alert('Error', exc.message); } }; Can you please help me in resolving this? Thank you.
HI there! We have a step-by-step guide here for enabling Apple and Gopgle Pay: stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-apple-pay If you have more technical questions, chat live with our developers at stripe.com/go/developer-chat.
I went through this about a year/half ago. Had a hard time getting Stripe to work with React Native. Finally got it to work and found it wasn't acceptable to Apple when I submitted it to their App store. So, couldn't use it. It's glad to see Stripe has fixed it. Can't wait to try it.
How did iyou fix it? Going through the same thing
Amazing video, really helpful i just follow the steps and integrated strips payments in android iOS react native
Thank you for creating this..!
I will give more comment after I have tried it myself
Thank you again
Of course, Monero! We look forward to hearing from you.
@@StripeDev rip
Thanks Charlie. I will try it out.
Hi, I’ve managed to get it working with Apple Pay and Google pay alongside the card payments, just the issue I have now is that I’ve had thousands of blocked cards being used! Anyway to block these from the APP before they do the payments?
Just Amazing...🥰
Thanks for the video. Just curious, would this work for stripe subscription on web app as well?
by default it is sending me to the input form .but from the code you are sharing it is showing to select from saved cards. how can i achieve that?
Hey there-we would request you to reach out to us here: support.stripe.com/ so that we can look into this and assist you accordingly.
Hey @Stripe Developers, can we legally use this as Apple and Google both require their 15-30% cut?
Yes if it is an app focused on physical goods like Uber, EventBrite, Doordash, etc.
I have a strange issue, Apple Pay is displaying but can't get Google Pay to show up at all! Followed all the steps but it just doesn't show up in the paymentsheet, any idea?
Hey Ali-please check here to make sure Google Pay is available in your region: docs.stripe.com/connect/payment-method-available-countries#google-pay. If Google Pay should be supported for your account, please contact us at heretohelp@stripe.com with more info so we can take a closer look. Thank you!
@@StripeDev Thanks! Sent an email, hopefully we can get this sorted :)
"invalid url an explicit scheme (such as https) must be provided.", after payment sheet has been opened in iOS, but in android it's running real smooth. Anyone know what the issue could be?
Hi Amanda-you might check our doc on enabling Apple Pay to ensure you've gone through these steps: support.stripe.com/questions/enable-apple-pay-on-your-stripe-account.
There are errors like Android app crashes while using payment sheet but not all devices some of them working perfectly but in other devices it causes app crashes
We have a web and a react native app implementing Stripe payment elements. sharing backend endpoints and Stripe configuration. Everything works well in web but in RN we cant show Oxxo payment. It Is enabled in Mobile payment elements?
Hey Antonio, this is unfortunately not yet supported: stripe.com/docs/payments/oxxo/accept-a-payment?platform=mobile.
mentioned some backend code, wheres that?
Is there any video related to Stripe payment with card reader in reactNative?
Hey there-you can take a look at this playlist here: ua-cam.com/video/O6TWFuZw2uk/v-deo.html.
@Stripedevelopers does this work for EXPO RN WEB APPS? I am having a hard time making this work in a netlify function to trigger checkout
Hey there-good question! Stripe's React Native SDK is supported by Expo, and you can find more information about this on Expo's website here: docs.expo.dev/versions/latest/sdk/stripe/
how can I add full address details to the payment sheet?
If you're referring to collecting the customer's address in Checkout, here's a guide to help: stripe.com/docs/elements/address-element/collect-addresses
When I do this on my app, I don't have the option to save the card for future use. What might be causing this?
Hey there-this option is turned off by default. Check out our documentation on how to enable this here: stripe.com/docs/payments/accept-a-payment?platform=web&ui=checkout#save-payment-method-details.
Great question! You can absolutely create subscriptions as well-check out our guide on this here: docs.stripe.com/billing/subscriptions/build-subscriptions?platform=web.
Hi @Stripe Developers,
I am trying to integrate stripe api,the payment sheet is opening but when i try to make payment i get error saying a similar object exists in test mode but a live mode key was used to make this request even though i am using test keys.Please help.
Hi Sufyan-it sounds like you might be using a live key in test mode. Please see here: stripe.com/docs/keys for the differences on API keys. Any further issues, feel free to contact us through support.stripe.com. Thanks!
Hi @Stripe developers,
Thanks for quick reply.I was passing wrong key for publishable key in Stripe Provider which was causing the issue.
Hi Sufyan-we would really need to be able to review what it is you're using. Can you please follow the options to contact us via email mentioned above so we can access your account and discuss this further with you? Thank you!
looks simple yet quite confusing, still reading through the docs, hopefully I get it in time.
Hey! You can check the code quick-start with all the code descriptions here for a clearer overview: stripe.com/docs/payments/quickstart. If you have any additional question, please feel free to reach out to our support team on Discord at stripe.com/go/developer-chat
And What about Apple's fees ? We all agree that any payment must be subject to commission for Apple. Right ? or not ? So how do we manage this? Is Stripe handling this issue? Sorry my english is bad. Myabe you speak about that but i don't understand everything...
Hi Thibaut-Stripe will charge the same rate for processing Apple Pay transactions as we do for all other credit and debit card transactions. There is no additional fee from Apple for Apple Pay transactions. You can check our fees here: stripe.com/pricing.
@@StripeDev thanks for your reply. But maybe is not the same thing. How to implement Stripe with this :
3. Business
There are many ways to monetize your app on the App Store. If your business model isn’t obvious, make sure to explain in its metadata and App Review notes. If we can’t understand how your app works or your in-app purchases aren’t immediately obvious, it will delay your review and may trigger a rejection. And while pricing is up to you, we won’t distribute apps and in-app purchase items that are clear rip-offs. We’ll reject expensive apps that try to cheat users with irrationally high prices.
If we find that you have attempted to manipulate reviews, inflate your chart rankings with paid, incentivized, filtered, or fake feedback, or engage with third-party services to do so on your behalf, we will take steps to preserve the integrity of the App Store, which may include expelling you from the Apple Developer Program.
3.1 Payments
3.1.1 In-App Purchase:
If you want to unlock features or functionality within your app, (by way of example: subscriptions, in-game currencies, game levels, access to premium content, or unlocking a full version), you must use in-app purchase. Apps may not use their own mechanisms to unlock content or functionality, such as license keys, augmented reality markers, QR codes, cryptocurrencies and cryptocurrency wallets, etc. Apps and their metadata may not include buttons, external links, or other calls to action that direct customers to purchasing mechanisms other than in-app purchase, except as set forth in 3.1.3(a).
developer.apple.com/app-store/review/guidelines/#subscriptions
I can observe apple team reject when they review our this stripe payment method, they asking as to use in-app purchase. any thought on this?
Hi Jamal! We're sorry to hear you're having an issue. Unfortunately this is not an avenue for support, but the team would love to help you out if you reach out to them. You can do that by going here: support.stripe.com/contact/
paymentsheet does not open, just loads indefinitely and button is greyed out
Hi there-mind sharing some more information here? We'll take a look.
thank you @@StripeDev for responding so fast. the issue has been solved. my server endpoint was using an authorization middleware which required the post method to come with auth token in the header but my client was making an empty post request to the endpoint to create paymntintent, cus and ephemeral key without sending any post data or headers. once i deleted the middleware from the endpoint, it works now. just gotta send a header with auth token with the post method for middleware to authorize. hope my explanation helps out anyone who encounters this issue
Happy to hear that it's resolved! Thanks for the additional context here. Please don't hesitate to let us know if you run into any further issues, we're here to help.
can I use this for selling digital content on my app?
Hi there Jun-you wouldn't be able to use this to sell digital content. You can read more about this here: stripe.com/docs/apple-pay?platform=ios#using-stripe-and-apple-pay-versus-in-app-purchases.
Please can you share the Backend full code??
github.com/charliecruzan-stripe/react-native-video-series
Can you share the code for this tutorial? I have been struggling on integrating the stripe into my react native app with firebase backend
github.com/charliecruzan-stripe/react-native-video-series
@@StripeDev Hi, thank you very much for providing the code. I have one question and one suggestion.
- Question: Does this only work on bare react native? or it also works on both expo go and expo EAS build? In your github, it seems to me that it is using bare react native app. Am I correct?
- Suggestion: Is it possible that you can provide a tutorial for using expo go (or expo EAS build) with firebase as the backend? I have been trying to search for the solution but cannot find it. I believe that many developers use expo and use firebase as their backend server. Thanks a lot!
@@StripeDev Hi again, I just followed the installation procedure, but the app in my ios simulator just showed a completed blank even though I got the following successful information (when typing yarn ios).
"info Launching "org.reactjs.native.example.RNVideoSeries"
success Successfully launched the app on the simulator
✨ Done in 11.52s."
Could you check it?
Ducks
Hello Developers, I have tried several payment methods, followed the process and the same error occurs:
ERROR Error code: Failed
ERROR Error message: The provided key 'pk_test_*********************************************************************************************CiaOFS' does not have access to account '' (or that account does not exist). Application access may have been revoked.
Please note that I am in test mode before going into production. Thank you.
We can definitely help-please reach out to us over Discord so we can take a look: stripe.com/go/developer-chat. Thank you!
Hi.. It was very informative. But I am not getting google pay and apple pay option in mobile for real payment. I followed the link for setting and attached code below.
const initializePaymentSheet = async () => {
try {
setVisible(true);
const { error } = await initPaymentSheet({
paymentIntentClientSecret: clientSecret,
merchantDisplayName: "Wellzio",
googlePay: {
merchantCountryCode: 'US',
testEnv: true,
currencyCode: 'usd',
},
applePay: {
merchantCountryCode: 'US',
}
}
);
if (error) {
setVisible(false);
Alert.alert("Error", "Failed to initialize payment sheet");
}
else {
setVisible(false);
openPaymentSheet();
}
}
catch (exc) {
setVisible(false);
Alert.alert('Error', exc.message);
}
};
Can you please help me in resolving this? Thank you.
HI there! We have a step-by-step guide here for enabling Apple and Gopgle Pay: stripe.com/docs/payments/accept-a-payment?platform=react-native&ui=payment-sheet#react-native-apple-pay
If you have more technical questions, chat live with our developers at stripe.com/go/developer-chat.
@@StripeDev Thank you. let me check with developer-chat
@@StripeDev Thank you