Skip to content

Help Center

Add Hidden Fields to Hubspot forms

Hubspot is one of the most popular marketing automation and CRM tools on the market and it comes with a basic form building tool built in. Attributer can integrate with forms created in Hubspot to pass through UTM parameters and other marketing attribution data about any leads that complete your forms.

In this article, we’ll outline how to add the hidden fields to your Hubspot forms

Step 1: Add 6x contact/company properties to your Hubspot account

In Hubspot, you first need to create a set of custom fields that can be used in forms before you can add them to your forms.

To do this, navigate to the ‘Settings’ section by clicking the gear icon in the top menu bar, and then select the ‘Contacts’ menu option from the ‘Objects’ section in the left-hand nav bar.

Once in the contact fields section, select the ‘Create Property’ button in the top right and a sidebar will appear that allows you to customise the new contact field. It looks a bit like this:

You’ll need to create 6x new fields by going through this process (clicking the ‘Create Property’ button and configuring the fields) multiple times.

You’ll need to configure the 6x fields with the following information:

Contact Form Field #1

  • Group = Your choice as to where you want this field to appear
  • Label = Channel
  • Field Type = Single line text

Contact Form Field #2

  • Group = Your choice as to where you want this field to appear
  • Label = Channel Drilldown 1
  • Field Type = Single line text

Contact Form Field #3

  • Group = Your choice as to where you want this field to appear
  • Label = Channel Drilldown 2
  • Field Type = Single line text

Contact Form Field #4

  • Group = Your choice as to where you want this field to appear
  • Label = Channel Drilldown 3
  • Field Type = Single line text

Contact Form Field #5

  • Group = Your choice as to where you want this field to appear
  • Label = Landing Page
  • Field Type = Single line text

Contact Form Field #6

  • Group = Your choice as to where you want this field to appear
  • Label = Landing Page Group
  • Field Type = Single line text

Step 2: Add the 6x fields to your form

Now that you’ve setup the contact fields, it’s time to add them to the form you want Attributer to work with.

To do that, navigate to the ‘Forms’ section of Hubspot and select the form you wish to edit.

When the form editor opens, drag and drop each of the 6x fields you added earlier from the left sidebar and into your form. You can add the form fields anywhere, but we suggest adding these new form fields to the bottom of your form below the last field you wish your visitors to complete.

Step 3: Configure the fields

Next, you need to configure each of the 6x fields you just added to your form. To configure a field, simply click on it and the ‘Edit Field’ editor will open on the left side panel.

You need to configure each of the fields as follows:

Channel Field

  • Label = Channel
  • Make This Field Hidden = On
  • Default Value = [channel]

Channel Drilldown 1 Field

  • Label = Channel Drilldown 1
  • Make This Field Hidden = On
  • Default Value = [channeldrilldown1]

Channel Drilldown 2 Field

  • Label = Channel Drilldown 2
  • Make This Field Hidden = On
  • Default Value = [channeldrilldown2]

Channel Drilldown 3 Field

  • Label = Channel Drilldown 3
  • Make This Field Hidden = On
  • Default Value = [channeldrilldown3]

Landing Page Field

  • Label = Landing Page
  • Make This Field Hidden = On
  • Default Value = [landingpage]

Landing Page Group

  • Label = Landing Page Group
  • Make This Field Hidden = On
  • Default Value = [landingpagegroup]

Ultimately, you want your form to look like this (not all fields shown due to screenshot size):

Finally, click ‘Save’ to save your changes to the hidden fields.

Step 4: Embed the form in your website

Now that you’ve added the 6x fields and configured them correctly, it’s time to embed the form in your website.

If this is an existing form and you already have it in your website, then you don’t need to do anything else as the form will automatically update with the new fields.

If this is a new form, simply click ‘Save Form’ and a popup will appear giving you options to either link to your form or embed it on your website. Select the ‘Embed form’ option and then copy the embed code and paste it into your website where you want the form to appear.

Can't find the answer you need? Contact us!

Our team are available to answer any questions you have

Support Images