Stripe Checkout

Stripe Checkout makes collecting a fee or donation easier than ever.

First, make sure you set up your API Keys in the Stripe Settings:

Once you've set up your API keys, you can add the necessary code:

You should see a button that looks like this:

Stripe Button Example

When clicked it will bring a modal that looks like this:

Stripe Checkout Modal Example

Note: Zesty will automatically use your test Stripe API key if you are on the development preview URL (the one that looks like

After the card details are submitted the user will be redirected to the URL you specify in the success_redirect value (if successful), or to the failure_redirect URL if unsuccessful.

Example #2: Variable Amount Donation Form

Example #3: Subscribe to a Recurring Stripe Plan

Note that the endpoint for the form action is slightly different (/-api/stripe/subscribe).

Example #4: Subscribe to a Plan with a Custom Amount

This is a workaround for Stripe having set plan prices. If you submit a new subscription (via Zesty) with a interval of month and a price of 999. It will check if a plan monthly-9.99 exsits. If it doesn't, it will create it. Either way, it will create a new subscription to that plan. See the below the code example below. Note: the endpoint for this is also slightly different (/-api/stripe/subscribe-custom).