Stripe Payments

A supplementary software to integrate your forms and Stripe payment system.

booking form with stripe
Works with any WordPress theme

Add payments to your form

Stripe Payments is a JetFormBuilder addon that links JetFormBuilder and JetEngine forms to Stripe’s software, allowing you to carry out any payments online via Stripe Gateway.

Enable clients to pay for product orders, food deliveries, all sorts of specialty services. Let them purchase memberships, tickets to various events, and courses. Stripe Payments will also come in handy if you offer booking & rental services.

Addon Functionality:
  • Stripe Gateway
  • AJAX redirect to Checkout
  • Actions before & after payment
form and checkout

Unlock All Addon Options

Enable Gateways

Activate the Gateway option to connect the payment system and your form. Learn more

Post submit actions

The “Insert/Update Post” action is crucial. If you do not configure it, the form will not pass the Gateway and the “Edit” button will be unavailable.

Public key

A field where you are supposed to insert the Stripe Publishable key obtained during the API key generation.

Secret key

A field where you are supposed to insert the Stripe Secret key obtained during the API key generation.

Currency code

Use the Stripe-approved Currency Codes and stick with one to be used for financial operations on your website.

stripe checkout settings
Price/Amount field

This form field can be either Calculated or Hidden type. Should be set in digits only.

Available macros list

The %gateway_amount%, %gateway_status%, and %field_name% macros will let you create custom payment success/failed messages.

Payment success message

A message confirming the payment was successful.

Payment failed message

A message indicating the payment error occurred.

Get JetFormBuilder to Resolve Form Issues

or try JetFormBuilder free version

How to Configure Stripe Payments

How to set up

To install the addon, go to JetFormBuilder > Addons and find the “Stripe Payment Gateway” addon in the All Available Addons section. Press the “Install Addon” button and, once installed, it will appear on Your Installed Addons. Next, click “Activate Addon” to get it ready for further work.

stripe payments addon uploading

As you can see, all PRO version addons can be installed and activated through JetFormBuilder Dashboard.

How to obtain the Stripe API key

Go to the Stripe website and create a new account. If you already have a Stripe account, log into it.

account creation form on stripe website

A confirmation letter will be sent to your email address. Proceed to the inbox and click the link in the email to pass the verification. Afterward, you’ll be redirected to Stripe’s dashboard page. Click on the New Business bar in the upper left corner of the sidebar, enter the account name and press the “Add name” button.

creating a new business on stripe website

Good. Now, you will be able to locate two Stripe API keys – the first is Publishable key and the second is Secret key. Cope them someplace safe because you are going to need them later.

stripe api keys section
How to configure the Stripe Gateway

Go to JetForms > Forms and open one of the created forms. In the right-side menu, you will see the Gateways Settings section.

stripe checkout in the gateways settings section

NOTE. For proper functioning of the gateway, the form should contain at least one “Insert/Update Post” post-submit action. If it is missing, the form will not pass the Gateway and the “Edit” button will be unavailable.

adding the “insert/update post” post-submit action
Stripe Checkout Settings

Once you choose the proper Post Submit Actions, the “Edit” button will be highlighted in blue. Click on it to open the Edit Stripe Checkout Settings window and let’s go over its settings.

stripe checkout settings editing window
  • Use Global Settings. Enable this toggle to pull the data from the Stripe Gateway API’s settings and pre-fill the Public and Secret Key fields;
  • Public Key. Paste the Publishable key that you obtained from Stripe into this bar;
  • Secret Key. This is where you paste the Secret key, generated through the Stripe website;
  • Currency Code. Type here a three-letter code that represents the currency used in your form. The full list of worldly currencies can be found here;
  • Before payment processed. Select here an action that you would like to be performed on the backend prior to processing the payment;
  • On successful payment. In addition to showing the user a Payment success message, you can specify here the action that will be carried out after the payment went through;
edit stripe checkout settings window
  • On failed payment. If the payment was not successful, you might want to send the user an email stating that the payment failed and suggesting how to fix that issue.

NOTE. The three advanced payment settings listed above appear if you add more than one action in the Post Submit Actions section and set them up.

  • Create payment order notification. This is a Radio field type that will be shown when you create several “Insert/Update Post” actions. Choose the desired option here, and the form will execute it after the payment is carried out;
  • Price/amount field. In this drop-down select, pick the corresponding price field within your form;
  • Available macros list. These macros can be used in the Textarea fields below – Payment success message and Payment failed message – in case you would like to specify some details for the customer.
  • %gateway_amount% – will provide the payment amount returned from the gateway template;
  • %gateway_status% – will provide the payment status returned from the payment gateway;
  • %field_name% – will provide any necessary details from the form field, the name of which you write instead of the “field_name”;
  • Payment success message. This is a message that will be shown to the user after his/her payment is confirmed to be successful;
  • Payment failed message. This message will be shown to the user in case his/her payment did not come through.
Tip: Stripe Gateway works best for AJAX-based forms. If you choose the “Page reload” Apply type, you’ll notice that the system takes you to the form page first and then to Stripe Checkout. As for AJAX, there’s no extra redirect.

The WordPress Way
to Build Forms

Buy JetFormBuilder Pro – get all Addons at once

Explore more Addons

Limit Form Responses

A lightweight addon to control the overall number of form submissions and those per user.

Learn morepro

MailerLite Action

A top-notch addon to bring your email marketing to the next level.

Learn morepro

ConvertKit Action

An email marketing addon to ensure higher audience reach and income from mailing lists.

Learn morepro