Forms

Identify a non-HubSpot form with its CSS selector

Last updated: October 13, 2020

Applies to:

All products and plans

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".
/collected-forms/identify-a-non-hubspot-form-with-its-css-selector