Collected Forms

Identify a non-HubSpot form with its CSS selector

Last updated: November 21, 2018

free

Each non-HubSpot form is named after its CSS selector by default. To identify which non-HubSpot form corresponds with your external form, check the CSS selector of your external form.

  • In your Chrome browser, navigate to the page with your external form.
  • Right-click the first field in your external form and select Inspect.
  • The Chrome DevTools Elements panel will open in the browser. In the Elements tab, the code for the form field should be highlighted.
  • Above the highlighted code, check for a <form> tag. The tag should include ID or class attributes.
    • ID attributes: prefaced by a '#' symbol. For example, if the <form> tag includes "id='form-id'", the corresponding non-HubSpot form's default name should include "#form-id".
    • Class attributes: prefaced by a "." symbol. For example, if the <form> tag includes "class='form-class'", the corresponding non-HubSpot form's default name should include ".form-class".

Was this article helpful?

If you still need help you can get answers from the , or to contact support.

Free Inbound Marketing Training Learn inbound marketing techniques that range from creating content, using  social promotion, converting and nurturing leads, and all the way to marketing  to your customers. Start the course