How to Find Form Name or ID or CSS Selector

Updated 2026-08-11View original on help.wingify.com ↗

It's crucial to find the correct attributes for the page element(s) you wish to track. In this article, we'll learn how to find useful ones while configuring your Form Analysis campaign in Wingify, especially the "Name" attribute.

To find the Name, ID, or CSS selector attributes for the

element, follow these steps:

Procedure

Open your browser and navigate to the page where the form exists.
Right-click on the page and select Inspect. With this, the Developer Tools panel appears on the page.

Note: If you do not see this option in the Safari browser, go to Safari > Preferences > Advanced and enable the Show Development menu in the menu bar setting.

In the Elements (in Firefox, go to Inspector)tab of Developer Tools, look for the tag. In the attributes corresponding to this element, you can find the values of the name and id attributes.
To get the CSS selector, right-click on the tag and select Copy > Copy selector. Your CSS selector is copied and can be pasted directly into Wingify’s CSS Selector input.

Note: To copy the CSS selector on the Safari browser, select Copy > Selector Path, while on the Firefox browser, select Copy > CSS Selector.

#Need more help?

For more information or further assistance, contact Wingify Support.