ConvertedU Marketing Library Webinar Blog
Need help? You've come to the right place
What's New Getting Started Building Integrating Publishing

Create a pop-up

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.

NOTE: This article details the creation of standalone pop-ups, created under the Pop-Ups tab in the Conversion Tools on your dashboard and meant to be used on websites and blog posts. If you intend to use a pop-up on a Lead Page, you will create an on-page pop-up. Learn more here.

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:

  1. Click the widgets icon in the left-hand sidebar. 
  2. Choose a widget and drag it onto your pop-up.

You can learn more about each widget here: Drag & Drop Widgets

TIP: Be careful not to add too much content to your pop-up. Typically, the highest-converting pop-ups are laser-focused—more in-depth content is better-suited for a landing page. 

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.

NOTE: You may want to customize or remove the background color from the sections of your pop-up. To do so, click Pop-Up Layout from the left-hand sidebar to navigate to your section styles.

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.

NOTE: If you do use a standalone pop-up on your Lead Page, you’ll need to look at the pop-up's analytics data to track opt-ins—as they won’t appear for your Lead Page.

(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

Was this article helpful?
Powered by Zendesk