Setup Jotform’s ‘Standard’ mode

Here’s how to connect your Jotform form with Attributer using the standard 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 Copy Code button.

Step 3: Edit the embed code and add it to your website

1. Paste the copied code into your website where the form should appear.
2. Immediately below the embed code, add this custom script:

<script>
  function prepop() {
    const formScript = document.querySelector(
      'script[src ^= "https://form.jotform.com"]'
    );

    if (!formScript) {
      window.requestAnimationFrame(prepop);
      return;
    }

    const id = formScript.src.match(/jsform\/(\d+)/)[1];

    const formIframe = document.getElementById(`${id}`);
    if (!formIframe) {
      window.requestAnimationFrame(prepop);
      return; 
    }

    formIframe.src = formScript.src.replace(/jsform\//, "");
    formIframe.setAttribute("data-attributer-iframe", "");

    if (document.FlareTrk) {
      document.FlareTrk.repoping = false;
      document.FlareTrk.repop();
    }
  }

  prepop();
</script>