Form with Hidden Fields (UTM Tracking)

<form action="https://app.formwit.com/api/s/YOUR_FORM_ID" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required />

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required />

  <label for="message">Message</label>
  <textarea id="message" name="message" required></textarea>

  <!-- Hidden tracking fields (auto-populated by JavaScript) -->
  <input type="hidden" id="utm_source" name="utm_source" />
  <input type="hidden" id="utm_medium" name="utm_medium" />
  <input type="hidden" id="utm_campaign" name="utm_campaign" />
  <input type="hidden" id="page_url" name="page_url" />
  <input type="hidden" id="referrer" name="referrer" />

  <!-- Honeypot spam protection -->
  <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />

  <button type="submit">Send Message</button>
</form>

<script>
  // Capture UTM parameters from the URL
  const params = new URLSearchParams(window.location.search);
  ['utm_source', 'utm_medium', 'utm_campaign'].forEach(key => {
    const el = document.getElementById(key);
    if (el && params.get(key)) el.value = params.get(key);
  });

  // Capture current page URL and referrer
  document.getElementById('page_url').value = window.location.href;
  document.getElementById('referrer').value = document.referrer;
</script>