Setup Jotform’s ‘iFrame’ mode

Here’s how to connect your Jotform form with Attributer using the iFrame embed method after configuring hidden fields:

Step 1: Add Unique Names

• In your Jotform form builder, go to ADVANCED > Field Details > Unique Name.

• For each hidden field, input these default values:

Step 2: Generate Your Embed Code

1. Click PUBLISH in the top toolbar.
2. Select the EMBED option from the left menu.
3. Click the IFRAME option.

4. Click the Copy Code button on the iFrame page.

Step 3: Edit the embed code

Paste the code into a text editor to make a critical adjustment:

• Insert data-attributer-iframe between”iframe” and “id”, like this:

Step 4: Add the modified embed code to your website

Add the modified code to your website. Even if the form was previously embedded, you need replace the old code with this updated version. The data-attributer-iframe tag is essential for Attributer to pass data—retaining the old code will break this functionality.