It is possible to lock an entire page or hide certain elements using a page gate.
There are currently five options available, these are found in the gate editor:
Lock out page immediately
A basic page gate will be presented on page load as a modal pop-up and the user will not be able to interact with the content behind the gate. Once the form has been submitted the content will be revealed.
Lock out page after a delay
When using this type of page gate you will need to select the amount of delay in seconds. Once the delay has passed the gate will appear and the page will lock.
Lock out page after the user scrolls down the page
When using this type of page gate you will need to select the amount of scroll in pixels. Once the user has scrolled the predetermined number of pixels the gate will appear and the gate will lock.
Hide predetermined elements on the page
When using this page gate option your web page should be built to use it. Elements to be revealed on form submission should use the class .gcdc-pagegate-show-on-open. Elements to be hidden on form submission should use the class .gcdc-pagegate-hide-on-open. Using this option it is possible to build a page as shown in the example below. Once the page gate is completed the rest of the article will be revealed.
Page Gate Display/Hidden status is summarised in the table below:
| .gcdc-pagegate-show-on-open | .gcdc-pagegate-hide-on-open | |
| Gate Closed | Hidden | Displayed |
| Gate Open | Displayed | Hidden |
Hide elements on the page using a custom CSS selector
Using this page gate type you will need to provide the CSS selector element that should be hidden. This must be a valid CSS selector that could be used e.g. in a style sheet. Note that with this option it is not possible to show an element when the gate is closed and reveal it on gate open.
Got a question about page gates? Click "+ New Support Ticket" above.