Good vibes, smooth payments: Tailoring Stripe to any UI

on YouTube ↗23m

" summary

Claim: you can make Stripe look like it always belonged on any site even a GeoCities throwback. Demonstrations use Payment Links (hosted pages, minimal code), an Embedded Checkout iframe with Dashboard theming, and full control via Payment Elements Appearance API in a React app plus Checkout Sessions or Payment Intents on the server. Demos include Times New Roman styling, forced card declines and successful purchases, Stripe dev tools inspection, and show payment elements fully matching the 90s theme while hosted options trade customization for lower maintenance.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:15Checkout design and UX
3. 3:45Demo ruining a beautifully designed site
4. 5:34Stripe integration options
5. 6:15Payment links low-code
6. 9:55Embedded checkout
7. 13:31Payment elements customization
8. 18:37Trade-offs in effort
9. 20:04Code complexity
10. 22:11Choosing the right option
11. 23:16Q&A

" related talks

• 19mStripe React Native: A simple set of solutions to a complex set of problemsC.Cruzan · React Native EU 2022
• 06h 06mReact Native EU Conference 2022 - Day IIAndrey Goncharov, Łukasz Chludziński, Vojtech Novak, Eric Vlad Vicenti, Charlie Cruzan · React Native EU 2022
• 21mCollision 2015 - John Collison of Stripe with Alexandra Suich of The EconomistAlexandra Suich, John Collison · Collision 2015
• 13mMaking It All Fit Together with React and GraphQLPaul Asjes · JSConf.Asia 2019
• 06mLightning Talk: Payment Request API in a React Higher-Order ComponentMarco Lanaro · Nordic.js 2017
• 48mStandard Web Payment APIsA.Mahdy Abdelaziz · GeeCON 2019
• 46mMake checkout great againAnton Nemtsev · ChernivtsiJS 2018
• 15mGrowingZachary Karabell, James Allgrove · Collision 2018