Skip to main content

2.5 How to create a hidden field inside your website forms with any CMS

Jonas Strambach avatar
Written by Jonas Strambach
Updated over 3 weeks ago

To make LeadJourney tracking work end-to-end, we need to store the Click ID of each visitor — and the way we do that is by adding a hidden field to your website forms.

This field acts as a behind-the-scenes container that holds the unique tracking ID, so it can be passed into your CRM and matched to your leads later.

This guide explains what a hidden field is, why it’s critical, and how to create one in any CMS or form builder.


💡 What is a Hidden Field?

A hidden field is an invisible form field that:

  • Isn’t seen by the user

  • Isn’t editable by the user

  • Is submitted alongside the rest of the form data

It’s used to store technical values — like LeadJourney’s Click ID — without interfering with the user experience.


🎯 Why Do You Need a Hidden Field?

When someone fills out your contact form, LeadJourney needs to attach the Click ID (which identifies the original ad click) to that form submission.

This is what allows you to:

  • Link ad clicks to real leads in your CRM

  • Track offline conversions (like closed deals or QualifiedLeads)

  • Optimize campaigns based on lead quality, not just clicks

No hidden field = no way to capture the Click ID = no tracking insights.


🛠 How to Create a Hidden Field (General Instructions)

No matter what CMS or form plugin you use, the steps are similar:

  1. Open your form builder
    Navigate to the form editor in your CMS or plugin.

  2. Add a new field
    Choose “Hidden” as the field type.

  3. Name the field
    Set the Field Name or ID to:

    clickid
  4. (Optional) Add a placeholder value
    You can add {clickid} as a placeholder — it will later be replaced by the actual value via JavaScript.


📘 Examples by Platform

🔧 WordPress (Elementor, Contact Form 7, etc.)

  • Add a new Hidden field to your form

  • Label or ID: clickid

  • Leave it empty or set default value to {clickid}

🔧 Webflow

  • Add an input field to your form

  • Set Type to hidden

  • Set Name/ID to clickid

🔧 Shopify (Custom Code or Apps)

  • Use the Shopify theme editor or form builder app

  • Add a hidden input manually in the HTML:

    <input type="hidden" name="clickid" id="clickid" value="{clickid}">

🔧 Wix, Squarespace, and Others

If the form builder does not support hidden fields natively:

  • Use custom code injection (header/footer scripts)

  • Or contact your developer or our support for help


✅ What Comes Next?

Once the hidden field is in place, the next step is to:

  • Automatically insert the LeadJourney Click ID into this field using a script

  • And connect this value to your CRM

📌 We’ll cover that in the next articles.


🧠 Summary

A hidden field is the technical link between your website visitor and your CRM lead.

It’s invisible to users, easy to implement, and essential for capturing tracking data that powers offline conversion reporting and ad optimization.

Need help adding it to your forms? Contact our team — we’ll guide you through it!

Did this answer your question?