Search code examples
stripe-paymentszapierwebflow

How to include metadata with Stripe Checkout client-only implementation?


I'm using Stripe Checkout's client-only implementation as I have no access to a server (building on Webflow). Implementation is very easy; you just embed some JS. Impressive stuff.

BUT. I'd really like to pass metadata along through the purchase, to be accessible in the purchase info that Zapier uses for a new Strip purchase zap.

The relevant section of the Stripe JS code snippet embedded client-side on my site is this:

stripe.redirectToCheckout({
      lineItems: [{price: 'sku_TKTKTKTKT', quantity: 1}],
      mode: 'payment',
      successUrl: 'https://blahblah.com/success',
      cancelUrl: 'https://blahblah.com/canceled'
})

I've tried adding a metadata: 'blahblah' to this JSON; didn't work.

I tried payment_intent_data.metadata: 'blahblah' based on this Stripe doc, also to no avail.

Lastly, you can add metadata key-value pairs to the product itself within the Stripe dashboard. Also didn't work.

So does anybody know how to send metadata using Stripe Checkout client-only implementation?

Thanks!


Solution

  • Passing metadata on Checkout is only supported with the client-server integration of Checkout and is not supported on client-only Checkout.