Identify a non-HubSpot form with its CSS selector
Last updated: January 18, 2023
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".

Forms
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.
Related content
-
Use non-HubSpot forms
Non-HubSpot forms are HTML forms on your external site that weren't created in HubSpot. When you install the ...
Knowledge Base -
Add videos to your HubSpot content
With HubSpot video, you can upload videos to the files tool, then add them to pages, marketing emails, blog...
Knowledge Base -
Limit access to your HubSpot assets
You can limit access to content, data, and more so only the right teams and users can view and edit them....
Knowledge Base