A popup is initially hidden and can be displayed in different events which are mainly defined by the triggers.
When a popup is displayed, it is always centered on the screen and overlaps the content below it. It grabs the attention of the user and requires an user-interaction to close it.
A Popup can be displayed once only (for example after 5 seconds) or multiple times (for example on with a click trigger)
Popups can be displayed using the following conditions or triggers:
- Based on screen size (see “On Device”)
- When the user clicks or hovers an element (see “On Click” and “On Hover”)
- After a delay (see “Timed”)
- After the user scrolls down a certain distance (see “On Scroll”)
- When the user tries to leave the page (see “On Exit”)
- Display (or hide) popups using the JS API
Popups are typically used to grow newsletter lists (by offering a newsletter subscription form).
Exit-Intent popups can offer some additional information, a download or coupon to keep users on the website longer.
A very common usage also includes the display of a contact form (or “request a quote”, etc) when the user clicks on a contact link. You can even put a login form or the cart into a Popup that is triggered by a click or hover event.
You can also put a poll or short survey form into a popup to ask for your visitors’ feedback.
Use timed/on-scroll popups wisely, as they can easily annoy your visitors as they usually interrupt their workflow.
Also, the hover trigger can be confusing, as users do not intend to “interact” with a website by moving the mouse. A click event might be better.
Popups that hide the entire mobile screen can also penalize your SEO rankings. Think carefully, whether you want to use a popup or a Fly-in for call-to-actions.