How to Integrate Your Form with Stripe Checkout

Jotform’s Stripe Checkout integration provides a seamless way to accept payments through your form. You can easily collect payments, donations, or subscription fees using a secure and user-friendly interface. Stripe Checkout offers a modern, mobile-optimized experience that supports various payment methods, including credit cards, Apple Pay, and Google Pay.

Integrating Stripe Checkout with your form, allows you to start processing payments quickly and confidently. It’s easy, here’s how:

1. In Form Builder, click on Add Element on the left side of the page.

2. Under the Payments tab, drag and drop the Stripe Checkout Gateway to your form.

3. Next, in the Stripe Checkout Integration window that opens on the right side of the page, select a mode from the Mode Dropdown menu:
   • Live Mode – Connects to your registered Stripe Checkout account.
   • Test Mode – Uses your Stripe Checkout Sandbox account for testing transactions.
4. Then, click on Connect.

5. Now, you’ll be redirected to the Stripe Login page. Enter your email address to log in to your Stripe account, and then follow the steps to authenticate it.

6. Once connected, set up these other Stripe options:
   • Currency — Choose the currency you want to use. There are 100+ supported currencies to choose from. 
   • Payment Type — Choose the type of payment you want to collect: Sell Products, Sell Subscriptions, User-Defined Amount, or Collect Donations

7. Next, click on the Additional Gateway Settings to set up these options:
   • Customer Email Field — This maps an email address from your form and sends it to the Stripe Dashboard, particularly to the customer’s record.
   • Custom Data Field — Send text field information to Stripe using the Custom Data Field. Check out our user guide on How to Send Custom Data to Stripe Payment to learn more about it.
   • Charge Customer Immediately — Toggle this Off if you want to charge customers at a later date. Check out our guide on How to Enable Payment Authorization to learn more.
   • Fetch Coupons from Stripe Account — You’ll see this toggle when you select the Sell Subscription payment Type. When toggled On, it’ll fetch and display all the coupons from the connected Stripe account. This overrides the current coupons created through Jotform. For more information, check our guide on How to Fetch Coupon Codes From Stripe.
   • Fetch Subscriptions from Stripe Account — When selling subscriptions, toggle this On to fetch your subscription items from your Stripe account.
   • Show Fetched Coupons from Stripe Account — Choose whether to display the coupons when you opt to Fetch Coupons from your Stripe account.
   • Send Receipt Email — We highly recommend enabling this, so the integration will send the customer a copy of the receipt for each payment.

8. If you’ve selected Sell Products or Sell Subscriptions as the Payment Type, click on Continue to add your product or subscription items. Otherwise, click on Save to complete the integration.

We also have related guides that’ll help you correctly set up the integration based on what you need:

• Setting Up Your First Order Form
• How to Set Up a Recurring Payment Option
• How to Add a Coupon Code to Payment Forms
• How to Add Shipping Cost to Payment Forms
• How to Add Tax to Your Payment Form
• How to Add Options to Payment Forms
• How to Generate an Invoice for Your Payment Form

Setting up Stripe Checkout with Reusable Payment Connections

Jotform’s Reusable Payment Connections allow you to set up payment integrations like Stripe Checkout and reuse the same configuration on other forms or apps you create, without setting it up again. Here’s how to do it:

1. In Form Builder, click on Add Element on the left side of the page.

2. Under the Payments tab, drag and drop the Stripe Checkout Gateway to your form.
3. Then, in the Payment Properties menu on the left side of the page, click on the Plug icon.

4. Now, in the Add Stripe Connection window, click on either Test Mode or Live Mode at the top to select the environment for your payment connection.
5. In the Connection Name section, enter a name you haven’t used in other reusable payment connections in your account, if there are any. And then click on Connect With Stripe.

6. After that, you’ll be redirected to the Stripe Login page. Enter your email address to log in to your Stripe account, and then follow the steps to authenticate it.

7. Once it’s connected, click on Save at the bottom to add the reusable payment connection to your form.

8. Then, in the Payment Connections window that pops up, select a connection and then click on Use.

9. Now, in the Payment Type Dropdown menu, select what you’d like the payment to be processed for:
   • Sell Products — This is selected by default. Use this to sell physical or digital goods at a fixed price, allowing customers to make a one-time purchase.
   • Sell Subscriptions — Choose this to charge customers on a recurring basis for services, memberships, or other ongoing access.
   • User-Defined Amount — This lets customers enter the amount they want to pay. It’s useful for tipping, custom amount pricing, or flexible payments.
   • Collect Donations — Select this to accept voluntary contributions. It’s commonly used for fundraising, nonprofit support, or charitable causes.

10. Then, in the Currency Dropdown menu, select one of the currencies available with the integration. You can find a complete list of supported currencies here.

11. Now, in the Payment Type Dropdown menu, select what you’d like the payment to be processed for:
    • Sell Products — This is selected by default. Use this to sell physical or digital goods at a fixed price, allowing customers to make a one-time purchase.
    • Sell Subscriptions — Choose this to charge customers on a recurring basis for services, memberships, or other ongoing access.
    • User-Defined Amount — This lets customers enter the amount they want to pay. It’s useful for tipping, custom amount pricing, or flexible payments.
    • Collect Donations — Select this to accept voluntary contributions. It’s commonly used for fundraising, nonprofit support, or charitable causes.

If you select Sell Subscription as the Payment Type, you’ll see the following options:

• Fetch Coupons From Stripe Account – When enabled, this’ll fetch and display all the coupons from your Stripe account. This overrides the current coupons created through Jotform. For more information, check our guide on How to Fetch Coupon Codes From Stripe.
• Fetch Subscriptions From Stripe Account – Toggle this On to fetch your subscription items from your Stripe account.
• Show Fetched Coupons From Stripe Account – Choose whether to display the coupons when you opt to Fetch Coupons from your Stripe Account.