Collected Forms

How do I know what the CSS selector of my collected form is?

Last updated: November 9, 2016

Available For:

Marketing: Free, Starter, Basic, Pro, Enterprise
Sales: N/A

In Beta

You can find a form selector by right clicking on one of the input fields inside the form you want to target in Google Chrome (or another preferred browser) and clicking Inspect from the menu.

This will show you the HTML source for your page and highlight the specific input. Look up the page for a <form> element. There should be some attributes on the form that either say "id='my-form-id'" or "class='my-form-class'".

  • HTML ID attributes are denoted by a "#" symbol, so you would look for "#my-form-id" in HubSpot Collected Forms.
  • HTML class attributes are denoted by a "." symbol, so you would look for ".my-form-class" in HubSpot Collected Forms.

If you don't feel comfortable inavigating around the HTML source code of your form, you can also install the SelectorGadget Chrome extension.