How to Integrate Your Form with Clover

Last Update: September 23, 2026

Summarize with:

Jotform makes it easy to integrate Clover with your form so you can securely collect payments from your customers. By connecting Clover as a payment integration, you can accept payments directly through your Jotform form without requiring customers to complete the payment separately.

Whether you’re collecting payments for products, services, registrations, or other transactions, the Clover integration gives you a convenient way to add payment collection to your forms.

Note

To complete the Clover setup, you’ll also need to configure the Webhook URL in your Clover account. You’ll find all the steps in our guide about Configuring the Clover Webhook.
The Clover integration supports one-time payments only. You can use it for Sell Products, User Defined, or Donation payment types.

Setting Up the Clover Payment Connection

You can connect Clover to your form in just a few steps. Here’s what to do:

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

Jotform Form Builder with the Add Element button visible on the left side of the page for adding a new form element

Now, in the Form Elements menu, under the Payments tab, search for Clover and click on it. Or, just drag and drop it to where you want it to be on your form.

Jotform Form Elements menu under the Payments tab showing the Clover payment integration in the search results, ready to be selected or dragged and dropped onto the form

Then, in the Payment Properties window that opens on the right side of the page, click on the Plug icon.

Jotform Payment Properties window for the Clover payment integration, showing the Plug icon used to connect or configure the payment integration

Next, in the Add Clover Connection window that opens, enter a name in the Connection Name field, and then click on Connect with Clover and login to your Clover account.

Jotform Add Clover Connection window showing the Connection Name field and Connect with Clover button for connecting and logging in to a Clover account

Once it is connected successfully, click on Save at the bottom to add the reusable payment connection to your account.

Jotform Clover payment connection window showing a successfully connected account with the Save button at the bottom for adding the reusable payment connection to the account

Then, in the Payment Connections window, click on the Clover payment connection you’ve just added, and then click on Use at the bottom.

Jotform Payment Connections window showing the newly added Clover payment connection selected, with the Use button at the bottom to apply the connection to the form

Now, in the Additional Setup Required window, click on OK, Got It! to continue configuring the required payment settings.

Jotform Additional Setup Required window showing the OK, Got It! button for continuing the required Clover payment configuration

Next, in the Payment Properties window on the right side of the page, under the Payment Type section, click on the Downward Arrow icon and select the option 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.
- 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, commonly used for fundraising, nonprofit support, or charitable causes.

Jotform Payment Properties window showing the Payment Type dropdown with options for Sell Products, User-Defined Amount, and Collect Donations

Note

The Currency field is automatically fetched based on your Clover API while mapping a Customer Email field is required for the Clover integration.

Now, under the Customer Email section, click on the Downward Arrow icon and select the Email field where customers will enter their email address.

Jotform Payment Properties window showing the Customer Email section with the dropdown for selecting the Email field where customers enter their email address

Then, you can also toggle on Ask Billing Information to Customer to automatically collect billing information using your form fields, and you’re done.

Jotform Payment Properties window showing the Ask Billing Information to Customer toggle enabled to automatically collect the customer’s billing information through the form fields

That’s it! Once a customer submits the order, they’ll be taken to the Clover Checkout page, where they can review their order and enter their payment and billing information. The screenshot below shows how it’ll look:

Configuring the Clover Webhook

To complete your Clover setup, you’ll need to configure the webhook URL in your Clover account. You’ll just need to follow these simple steps:

At the top-right corner of your Clover Dashboard, click on the Gear icon.

Clover Dashboard with the Gear icon visible in the top-right corner for opening account and dashboard settings

Then, in the Settings window that opens up, click on View All Settings.

Clover Settings window showing the View All Settings option for accessing the full list of account and dashboard settings

Next, in the Ecommerce section, click on the Hosted Checkout.

Clover Settings page showing the Ecommerce section with the Hosted Checkout option available to configure online checkout settings

Now, scroll down to the Webhook section and enter https://ipn.jotform.com/ipns/cloverWebhook.php in the Webhook URL field.
Finally, click on Save, and you’re all set.

Clover Hosted Checkout settings showing the Webhook section with the Jotform webhook URL entered in the Webhook URL field and the Save button available to save the configuration

That’s it! Your Clover integration is now fully configured, and your form is ready to securely collect payments from your customers.