Got the
Payment Requests API working with @Stripe, so now I can accept
Apple Pay,
Google Pay,
Microsoft Pay and one-click browser payments.
Super easy to set up as it uses the same stripe_token's you're used too
(had to crop my CC from GIF)pic.twitter.com/0eP2fj6bAz
-
Show this thread
-
Only thing I have is that I don't know how to change the amount I show in the Payment Request box, it's set as a global variable stripe_price, but doesn't update when I change the selected plan, even though stripe_price does change
@stripepic.twitter.com/gDAf9VeOKf
3 replies 0 retweets 11 likesShow this thread -
Fixed now with: if(stripePaymentRequest) { stripePaymentRequest.update({ total: { label: 'Nomad List Membership', amount: stripe_price*100, } }); }
1 reply 0 retweets 9 likesShow this thread -
Here's how it looks in MacOS Safari, big
Pay buttonpic.twitter.com/779reuJYLw
1 reply 0 retweets 13 likesShow this thread -
Now added a fallback: 1) if it detects Payment Request API support, it shows the Google Pay or Apple Pay button, otherwise show classic credit card input 2) if it supports, it also shows a PAY BY CARD button, which if you click, falls back to the classic CC input to usepic.twitter.com/aBavxW9X4N
2 replies 0 retweets 9 likesShow this thread -
If you want to get started with
@Stripe's Payment Requests, here's docs: https://stripe.com/docs/stripe-js/elements/payment-request-button … You can mostly copy paste the code1 reply 3 retweets 15 likesShow this thread -
One request I have for
@stripe and@patrickc@edwinwee@tarstarr is: The default button now say "Pay now", it's only changeable to "Book" or "Donate". Problem is the text "Pay now" is unclear. It'd be nice to be able to customize the text, e.g. "Pay with browser".pic.twitter.com/iIrdMyZHp9
6 replies 0 retweets 12 likesShow this thread
Thanks for flagging! No news to share at the moment but we'll look into adding more customization here.
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.