Skip to main content

How to Identify a Gate in a Web Page

Learn how to quickly find and recognize different types of gate IDs using browser tools.

Updated over 2 months ago

Are you looking at a gate on a web page but not sure which specific gate it is? Follow these simple steps to identify exactly which gate you're viewing. If you want to learn how to see where a gate has been deployed, find instructions in our Where Are My Gates Deployed? article.

Formulayt chrome extension

You can use our Chrome Extension to automatically scan for gates and provide essential information such as Gate ID, Gate Type, CTAs, and Form Type [Download Chrome Extension].

Finding the Gate ID

The fastest way to find a Gate ID is to right-click the submit button and select Inspect. This action opens the console and takes you directly to the HTML associated with the gate.

If you're still having trouble finding your Gate ID, try searching (CTRL+F) for "gate-" in the console. When you hover your mouse over elements in the console, corresponding areas on the web page will highlight, which can help you identify the correct gate.

Gate ID formats

Modal Gate ID format

A modal gate ID looks like this:

#gate-98ea71d5-b820-49dc-acdb-167575509999

Embedded Gate ID format

An embedded gate ID looks like this:

<div class="gate-98ea71d5-b820-49dc-acdb-167575509999"></div>
Did this answer your question?