Checkout setup card

Setup a card for future payments.

Collecting payment details using Checkout’s setup mode is useful for setting up a payment method on file for future payments.

Console

                                      
  const customer = await stripe.customers.create({
    name: 'Jenny Rosen',
    email: 'jenny@example.com'
  });
  
  const session = await stripe.checkout.sessions.create({
    payment_method_types: ['card'],
    mode: 'setup',
    customer: customer.id,
    success_url: 'https://stripe-tinydemos-checkout-setup-card.glitch.me?success=true',
    cancel_url: 'https://stripe-tinydemos-checkout-setup-card.glitch.me?cancel=true',
  });
          
        

Experiment and learn

Make copies, remix, change and learn how to play with this tinydemo.

• Read the code behind this tinydemo
• Make your own copy of this tinydemo
• See a list of all tinydemos
• Watch a tutorial on setting up the environment variables

Any questions?

Reach out to us on any of our contact channels:

• https://support.stripe.com/email
• https://stripe.com/go/developer-chat
• https://twitter.com/StripeDev