Getting Started With Popups

Note

We have recently renamed Convertables to Popups & Sticky Bars. We are in the process of updating all screenshots and videos in our guides to reflect this name change. All steps provided within this guide will remain the same.

Popups are modals/lightboxes that appear over a page's content. They're available for both desktop and mobile landing pages.

Select a template from our assortment of popup templates (or click "Start with a Black Page" if you prefer).

Need some inspiration before you get started? Mosey on over to the One-Stop Popup Shop to check out use cases, success stories, and tips and tricks for creating the ultimate popup and sticky bar strategy.

Name your page to suit your campaign and click "Start with this Template".

Design your Popup however you'd like, using the "Desktop" and "Mobile" toggle buttons to switch between Desktop and Mobile versions of your popup. If you're new to the Unbounce Builder, check out "Working with the Unbounce Builder" for some pointers!

When you're done, click the "Save" button at the top right corner. Click "Publish" from the "Popups & Sticky Bars Overview" page to publish your changes.

Note:

Setting the Trigger and Frequency

Note

Trigger on Exit is only available on desktop and will not work on touch-screen devices. All other triggers are available on both desktop and mobile.

Note

Known Issue: Auto-play for video backgrounds and embedded videos are currently not firing correctly for "Timed" and "On Exit" triggers.

In the Trigger section, choose when your popup will be triggered:

Note

Trigger on Exit: ("When a visitor tries to exit the page") allows your popup to be triggered by cursor movements that signal a page exit (e.g., mouse movement out of the browser window).

Trigger-on-exit popups will launch 1.5 seconds after a cursor moves to the left, right, or bottom borders of the screen, and they will launch immediately when a cursor moves up into the first 20 pixels at the top of a user's browser.

The trigger will be cancelled by scrolling or the cursor re-entering the middle of the screen.

Note

Trigger on Scroll Up: ("When a visitor scrolls up the page") allows your Popup or Sticky Bar to be triggered the first time a user scrolls up your page.

Note

Trigger on Click: ("When a visitor clicks an element with [ ] of [ ]") allows your popup to be triggered with a clickable element on your website, such as a button, a text link, or a photo.

To enable this feature, find the Selector, ID, or Class that is already being used for the element to which you would like to attach your popup. Keep in mind that if multiple elements are using the same Selector/ID/Class they will all trigger the popup when clicked.

If your trigger element has a default click action (for example, a link to another page), this will still fire in addition to your popup being triggered.

In the Frequency section,choose how often your popup will be shown to visitors:

Click the "Publish" button at the top of your screen when you're finished.