How to Integrate TrustedForm with Jotform

Introduction

TrustedForm provides digital certificates that prove who submitted your form, when they did it, and how - including their consent. Whether you need to comply with regulations, protect against disputes, or simply build trust with your users, TrustedForm ensures every submission is backed by tamper-proof evidence.

In this step-by-step guide, we'll walk you through setting up TrustedForm with Jotform so you can start capturing and automating the retention of your certified submissions.

Example of a TrustedForm Certificate issued for a completed form. Source: LeadCapture

Important: Where This Works (and Where It Doesn't)

Why? Jotform's hosted forms don't allow you to add custom scripts (like TrustedForm). But if you embed your form using the Source Code option (on your website, a landing page, or even a custom HTML block in your site builder), you're all set.

What You'll Need

• A Jotform form
• Access to edit a webpage on your website
• A TrustedForm account (free to start at activeprospect.com/trustedform)

Step 1: Add a Hidden Field to Your Form

First, you'll add a field to your form that will automatically capture the TrustedForm certificate URL.

1. Open your form in Jotform's Form Builder
2. Add a Short Text field to your form (find this in the left sidebar under "Basic" fields)
3. Name it something clear like "TrustedForm Certificate"
4. Right-click the field and select Hide Field - your visitors won't see this field, but it will still capture data in the background

Adding a hidden Short Text field to capture the TrustedForm certificate URL

Step 2: Find Your Field Information

Jotform assigns each field a unique identifier that TrustedForm needs to reference. Here's an easy way to find it:

1. Click on your TrustedForm Certificate field
2. Click the gear icon to open the Settings tab
3. Click the Advanced tab
4. Scroll down and expand the Field Details section

Finding your field's Unique Name and Field ID in the Advanced settings

You'll see two pieces of information:

• Unique Name - something like trustedformCertificate
• Field ID - something like #input_16

Keep this window open - you'll need these in the next step.

Step 3: Generate Your TrustedForm Script

Now we'll create the TrustedForm script with your specific field information.

Use the Field Name Generator

Use this tool to automatically generate the correct field name for your TrustedForm script:

Your TrustedForm Script

Copy this script and replace the field value with your generated field name from above:

<!-- TrustedForm -->
<script type="text/javascript">
  (function() {
    var field = 'q16_trustedformCertificate'; // Replace with YOUR field name from above

    var tf = document.createElement('script');
    tf.type = 'text/javascript';
    tf.async = true;
    tf.src = ("https:" == document.location.protocol ? 'https' : 'http') +
      '://api.trustedform.com/trustedform.js?field=' + escape(field) +
      '&use_tagged_consent=true&l=' +
      new Date().getTime() + Math.random();
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(tf, s);
  })();
</script>
<noscript>
  <img src='https://api.trustedform.com/ns.gif' />
</noscript>
<!-- End TrustedForm -->

<!-- TrustedForm -->
<script type="text/javascript">
  (function() {
    var field = 'q14_certificateUrl14'; // Replace with YOUR field name
    var identifier = 'YOUR_SESSION_ID_HERE'; // Replace with your session/tracking ID

    var tf = document.createElement('script');
    tf.type = 'text/javascript';
    tf.async = true;
    tf.src = ("https:" == document.location.protocol ? 'https' : 'http') +
      '://api.trustedform.com/trustedform.js?field=' + escape(field) +
      '&identifier=' + escape(identifier) +
      '&use_tagged_consent=true&l=' +
      new Date().getTime() + Math.random();
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(tf, s);
  })();
</script>
<noscript>
  <img src='https://api.trustedform.com/ns.gif' />
</noscript>
<!-- End TrustedForm -->

Step 4: Get Your Jotform Embed Code

1. In Jotform, click Publish at the top
2. Select Embed
3. Choose Source Code (last option on the list)
4. Copy the entire code block

Select the Source Code embed option to get the full form HTML

Step 5: Add Everything to Your Webpage

Now you'll place both the Jotform code and TrustedForm script on your webpage.

Option A: Standalone Page (Recommended)

If you're creating a dedicated landing page just for this form, this is the cleanest approach:

1. Create a new HTML file or page on your website
2. Paste your Jotform source code where you want the form to appear
3. Paste your TrustedForm script directly below/after the form code
4. Save and publish your page

Example structure:

<html>
<head>
  <title>Contact Form</title>
</head>
<body>

  <!-- Your Jotform code goes here -->

  <!-- Your TrustedForm script goes here -->

</body>
</html>

Option B: Existing Page with Other Content

If you need to add the form to a page that already has content, styling, and other code, follow these steps to prevent conflicts:

1. Wrap your Jotform code in a container:

<div id="jotform-container" style="all: initial;">
  <!-- Your Jotform source code goes here -->
</div>

2. Add your TrustedForm script immediately after this container (outside of it)
3. Add this CSS to help prevent style conflicts:

<style>
  #jotform-container * {
    all: revert;
  }
</style>

Why this helps: The style="all: initial;" prevents your website's styling from affecting the form, while all: revert; ensures the form's internal elements still work properly. The TrustedForm script stays outside this container so it can properly track form activity across your page.

Your final page should look something like this:

<!-- Existing page content before the form -->

<style>
  #jotform-container * {
    all: revert;
  }
</style>

<div id="jotform-container" style="all: initial;">
  <!-- Your Jotform source code goes here -->
</div>

<!-- Your TrustedForm script goes here -->

<!-- Existing page content after the form -->

Step 6: Test Your Integration

1. Visit your webpage where you embedded the form
2. Fill out and submit a test entry
3. Check your Jotform submissions - you should see the TrustedForm Certificate field populated with a long URL starting with https://cert.trustedform.com/

A successful integration shows the certificate URL in your submissions

If the field is empty, double-check that:

• You used the correct field name in the TrustedForm script (Step 3)
• Both the form code AND TrustedForm script are on the same page
• Your TrustedForm script is placed after the form code
• You're testing on your own website, not at jotform.com

What TrustedForm Captures

TrustedForm automatically captures a complete record of the form submission through session replay, including:

• Page HTML snapshot at time of submission
• IP address, browser information, and timestamp
• User interactions (keystrokes, mouse movements)
• Hashed versions of contact information for verification

This creates verifiable proof of consent without storing sensitive data in plain text.

Claiming and Retaining Certificates

By default, TrustedForm certificates expire after 72 hours if not claimed. To keep certificates for compliance purposes, you have three options:

Option A: Auto-Retain (Simplest)

TrustedForm can automatically retain certificates for forms on your verified domain:

1. Log into your ActiveProspect account at account.activeprospect.com
2. Navigate to Features to verify Auto-Retain is enabled for your TrustedForm account

Enable Retain feature for TrustedForm app

3. Navigate to Domains and add the domain you hosted your form on (e.g., your-website.com)
4. Verify ownership of your domain

Add your form's domain in the ActiveProspect account settings

5. Once verified, switch over to TrustedForm

Navigate to TrustedForm from your ActiveProspect account

6. On the "Certify" page, scroll down to Auto Retain Confirmed Domains section and enable your verified domain

Once enabled, every certificate generated on your verified domain will be automatically retained in your account. Each retained certificate incurs a small storage fee (normally cheaper than claiming the certificates using API).

Option B: Claim via API (For Advanced Users)

If you need more control or want to process certificates selectively, you can claim and retain them via the TrustedForm API. This is useful when:

• You're selling leads to buyers who need the certificates
• You want to verify lead data matches the certificate
• You need to integrate with your CRM or lead management system

Make.com Template (Coming Soon): We're creating a Make.com template that automatically claims and retains certificates when someone submits your Jotform. This will handle the API calls for you.

For now: See TrustedForm's API documentation for details on claiming and retaining certificates programmatically.

Option C: Claim Certificates Manually

TrustedForm's unretained certificate

You can also claim certificates manually by visiting the certificate URL directly. Here's how:

1. Copy the certificate URL from your Jotform submission (starts with https://cert.trustedform.com/)
2. Open the URL in your browser while logged into your TrustedForm account
3. Click the Retain button to keep the certificate permanently

Note: "Claiming" and "retaining" are functionally the same - both actions preserve the certificate beyond the 72-hour expiration window. The terminology differs slightly depending on whether you're using the API (claim) or the web interface (retain).

Troubleshooting Common Issues

The form looks broken or styled incorrectly

• Make sure you're using the Source Code embed option, not the iframe option
• Try the isolation code from Option B above
• Consider placing the form on a standalone page with minimal other code

TrustedForm certificate isn't appearing in submissions

• Verify you're testing on your own webpage, not the jotform.com preview
• Check that both the form code AND TrustedForm script are on the same page
• Confirm your field name in the script matches the format from Step 3
• Look for JavaScript errors in your browser's developer console (press F12)

My website's features stopped working

• The form code might be conflicting with your site's JavaScript
• Try wrapping the form as shown in Option B, or move it to a dedicated page

Conclusion

That's it! Your Jotform submissions are now backed by TrustedForm certificates, giving you verifiable proof of consent for every lead.

With this integration in place, you can confidently demonstrate compliance, protect against disputes, and build trust with partners who require documented consent.

Stay Updated

Subscribe to our newsletter to receive the latest news from SaaS, tips, tricks and insights directly to your inbox.

Subscribe