How to Integrate Stripe Checkout With Jotform

Every e-commerce business wants to offer a smooth checkout experience to its customers because that’s the last step in a sale. Although the platform you use to handle transactions is essential, you shouldn’t overlook checkout.

As one of the leading payment gateways on the market, Stripe offers a checkout service that you can integrate with Jotform, just like the Stripe payment gateway itself.

We’ve simplified the below steps to integrate Stripe Checkout with your form.

1. In the Form Builder, click the Add Element button on the top-left side of the screen.
2. Search for Stripe Checkout from the Payments tab. Click on it or drag/drop it to add.

3. In the Payment Settings, select first the Mode. The Mode determines the Stripe Checkout environment you’re using. Test for testing in Sandbox and Live to accept live payments.
4. Click the Connect button and authenticate by logging in to your Stripe account.

5. Once connected, set up the other Stripe options accordingly:
   • Currency — Choose your preferred currency. You can select one of 100+ supported currencies. 
   • Payment Type — With Stripe Checkout, you can sell products or subscriptions, set up user-defined amounts, or collect donations.

Under the Additional Gateway Settings, you can set up a few options, which include the following:

• Customer Email Field – The Customer Email Field maps an email address from your form and sends it to the Stripe Dashboard, particularly at the customer’s record.
• Custom Data Field – You can 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 for more information.
• Charge Customer Immediately – Toggle this to No 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 Sell Subscription from the Payment Type. When toggled, it will fetch and display all the coupons from the connected Stripe account. Please keep in mind that this overrides the current coupons created through Jotform. For more information, please visit our help guide on How to Fetch Coupon Codes From Stripe.
• Fetch Subscriptions from Stripe Account – When selling subscriptions, you can toggle this 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 on each payment.

5. If you’ve selected Sell Products or Sell Subscriptions, click the Continue button to add your product or subscription items. Otherwise, click the Save button to complete the integration.

See also:

• Setting Up Your First Order Form
• How to Set Up a Recurring Payment Option
• How to Add 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

Reusable Payment Connections is Jotform’s feature that allows you to set up payment integrations like Stripe Checkout and reuse the same configuration on your other forms or apps created with Jotform Apps without setting it up again.

To set up Stripe Checkout

1. In the Form Builder, click the Add Element button.
2. Search for Stripe Checkout from the Payments tab. Click or drag/drop it to add.

3. In the Payment Properties, click the Plug icon next to the Stripe Checkout label:

4. In the Payment Connection settings, select and do the following:
   • Mode — Select to connect a Sandbox account (Test Mode) or an approved Stripe account (Live Mode).
   • Connection Name — Provide a name for your connection. You can label it with the gateway’s name or personalize it with your form’s name to easily manage it later.
   • Connect with Stripe Checkout — Click this button to link your Stripe account.

5. Click the Save button to complete the Reusable Payment Connection for Stripe Checkout.

6. Now, set up the other options accordingly:
   • Payment Type — With Stripe Checkout integration, you can sell products and subscriptions, allow user-defined amounts, or collect donations.
   • Currency — Stripe Checkout supports multicurrency. See Supported Currencies for more details.
   • Send Receipt Email — Send the receipt to the customer after completing the payment.
   • Charge Customer Immediately — Stripe supports Payment Authorization. Toggle this to No if you want to charge customers at a later date.
   • Customer Email Field — If you have multiple email addresses in the form, you can select one to be sent to Stripe as the customer’s email address.
   • Custom Data Field — Send custom data to Stripe Metadata. You can select a Short Text element from this dropdown.

When you select Sell Subscription from the Payment Type, the following options will appear:

• Fetch Coupons from Stripe Account – When enabled, it will fetch and display all the coupons from the connected Stripe account. Please keep in mind that this overrides the current coupons created through Jotform. For more information, please visit our help guide on How to Fetch Coupon Codes From Stripe.
• Fetch Subscriptions from Stripe Account – Toggle this 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.

The Form Builder automatically saves the changes after selecting the options from each dropdown mentioned above.