Skip to content

Identify a non-HubSpot form with its CSS selector

Last updated: October 8, 2025

Available with any of the following subscriptions, except where noted:

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.

  1. In your Chrome browser, navigate to the page with your external form.
  2. Right-click the first field in your external form and select Inspect.
A screenshot of an external form, displaying the option to Inspect the page with Chrome developer tools.
  1. The Chrome DevTools Elements panel will open in the browser. In the Elements tab, the code for the form field should be highlighted.
  2. 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".

A screenshot of Chrome developer tools, showing the Elements tab and highlighting the <form> tag and code.

 

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.