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 abcdef-dev.preview.zestyio.com).

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).