Pop-ups are high-converting, customizable opt-in forms that can be embedded on almost any site. This guide will cover how to create (and personalize) a new pop-ups from scratch, so you can start gathering leads and growing your list.
Getting started
To create a new pop-up, navigate to the Conversion Tools tab in your account dashboard, then Pop-Ups. Then, click Create New Pop-Up.
Next, choose a descriptive name for your pop-ups and click Start Building to open the pop-up builder.
Customizing and adding content
All new pop-ups include a few widgets to get you started, including a progress bar, some text, and a form. Click any widget to customize it, like the text widget shown below:
Adding new content
You can customize your pop-ups with additional content widgets. Here’s how:
- Click the widgets icon in the left-hand sidebar.
- Choose a widget and drag it onto your pop-up.
You can learn more about each widget here: Drag & Drop Widgets.
Moving and deleting elements
Hover over any widget to move or delete it. A blue shaded area will indicate where your widget will move as you drag and drop, which is shown below.
Background image
You can add background images to each section of your pop-up by clicking on Pop-Up Layout in the left-hand sidebar, or, you can also add a background image to the entire pop-up.
To do so, move your cursor to the top-middle of the pop-up from the gray outside area, then click the more symbol and choose Background Image.
Box shadow
You can add a box shadow around your pop-up to give it an outline of color, or simply give it the appearance of rounded corners.
To do so, move your cursor to the top-middle of the pop-up from the gray outside area, then click the more symbol and choose Box Shadow, then check the box "Apply box shadow." Go back one menu pane to adjust the color and/or opacity of the shadow.
Use the color picker to choose from your brand colors, the page template colors, or click ADD next to "Recent Colors" to select a different color or opacity for your shadow.
Setting up your form
Each pop-up includes a form widget by default. In most cases, you’ll want to customize the following parts of your form:
- your integration settings: where you’re sending lead data
- your form fields: what information you collect from visitors
- follow-up: what happens after someone submits your form
For details on customizing and setting up your form widget, please see our article here: The Form Widget.
Publishing your pop-up
Now that you’ve created your pop-up, it’s time to publish it to your site. Click Publish in the top-right corner of the pop-up builder to explore the available options. For a full guide on publishing your pop-up, please see Publishing your pop-ups.
Frequently asked questions
Can I use standalone pop-ups on a Lead Page?
You can paste any pop-up's code into an HTML widget on your page. At this time, we don’t have a way to connect standalone pop-ups to existing buttons or elements on Leadpages.
(Updated January 23, 2019)
Please let us know if you have additional questions.
You can always file a support ticket if you have additional questions by clicking the ? support button at the top-right corner of your account dashboard or by clicking here to file a support ticket.