QuickPop Documentation

Everything you need to add a popup to WordPress can be found below. Need more features? Check out QuickPopPRO!

About This Guide

Welcome to QuickPop’s succinct yet thorough documentation! Below you’ll find in depth instructions categorized for quickly locating specific areas. 

Installing QuickPop

Congrats on grabbing your copy of QuickPop, hands down the best Popup builder for WordPress if we say so ourselves! Let’s dig right in and install the plugin, which is the exact same process as any other WordPress plugin:

1. Download your copy of QuickPop from wordpress.org or install via the plugins panel (jsut search for QuickPop and you’ll find the free version). The next steps will assume you have downlaoded the plugin manually.

***Important: Many operating systems will automatically unzip this file. However you will be uploading this exact .zip file so it needs to remain zipped. If your OS unzips files automatically, you will need to compress the file into a .zip in order to proceed.

2. In your website’s WordPress admin area, navigate to the Plugins tab. There, you will see a button titled “Add New” at the top of the page. Click this button, and then click “Upload Plugin” button found in the same location. Finally, select the plugin file from your computer by clicking the “Choose File” button, which will allow you to locate your .zip plugin file from your computer.

3. After selecting the correct file, you will then click “Upload”. After the upload is compelte, click the “Activate Plugin” button, and you’re done!

QuickPop Overview / Popups Library

Now that you’ve installed and activated QuickPop, it’s time to get cozy with the functionality. Below you’ll find an overview of QuickPop’s interface alongside brief notes of each sections purpose. This will help you get familiar with the overall worflow when creating and managing your popups.

1. General Overview

Upon installing and activating QuickPop, you’ll find the a new area added to your wp-admin dashboard titled “My Brindle” which is where you’ll also access QuickPop settings. On clicking QuickPop, you’ll be taken to the Popups Library, which serves as your home base for all things QuickPop. With the free version, you’ll be able to access your popup here, and it will carry over seamlessly to the PRO version if you need a complete library of popups.

Edit Popup

To edit a popup, simply click the title of the popup. This will take you to the core popup settings tabs.

Designing & Editing Popups: The 3 Core Sections

Assuming you’ve clicked the popup title, you’ll be taken to the Popup’s settings area, which consists of three primary sections. These are organized logically to make creating a new popup as logical and quick as possible—because, you know, QuickPop!

The core sections that appear are organized into the following tabs:

Content

Design

Settings

You can access thee tabs in any order, and click “Update” to make any changes stick. In the next sections of this documentaiton, we will cover the content of each tab in detail.

Content Tab
Content Tab

On this tab you’ll set the specific content of the popup. This includes the title text, the body text, any images you’d like to include, and specific labels for buttons. Furthermore, you can specfiy which fields to include on your popup, such as email, Name, and phone number. Thsi tab goes in hand with designing your popup, but focused primarily on actual content versus the visual design, which can be changed on the “Design” tab (see next section). Let’s have a look at the details on the Content tab:

Headline

This is the headline that appears at the top of your popup. Note you can also leave this blank and add a headline to the text content found in the “Body” section for a bit more control over your headline’s style and placement.

Body

This is where the main message of your popup goes. Note you can also add images/video here to add a more customized look to your popup. This area is just as flexible as a blog entry, so feel free to get creative!

Button

This area pertains to the standard button. You can include this button in the Settings tab. More details can be found on the “Settings Tab” section of this documentation.

Button Text: This is the text that appears on the button.

Button Link: This is the link that the user will be taken to when clicking the button.

Open in New Tab: This will tell the button to open the link in a new tab on the user’s browser. If left unchecked, the button will open the link within the same browser.

Form

This area pertains to the form. To add a form to your popup, you’ll want to do so in the Settings tab. More details can be found on the “Settings Tab” section of this documentation.

Email: this form field collects visitor’s emails, adding them to the “Submissions” section after a visitor submits the form. You can specify the pre-populated “hint” text here as well.

Form Button: This is the text that appears on the form’s submission button.

Thank You Message: This is the message that will be displayed to the user after they submit the form from this popup. On the front end, it will look something like this:

Design Tab
Design Tab

This tab is where you’ll style your popups as needed. Here’s what you’ll see, followed by a breakdown of each setting:

Include / Exclude:

Standard Button: This will add a “normal” button that can have it’s own link assigned to it. It is not tied to a form in any way. This is useful, for example, if you would like to link to your site’s shop when promoting a sale. Note that if you also inlcude a form, this button will be added in addition to the button tied to the form itself.

Form: This will add a form to the popup, which can be used to collect emails. A button will automatically be added to the form, and you can control the content of the form on the “Content” tab, including the button’s label, and different fields to be included. See the “Content Tab” section of this documentation for more details on the form’s content.

STYLE

This makes up the bulk of this section, and relates to the overall design aesthetic of the popup.

 

Overlay Opacity

This setting controls how visible the background overaly is. If set to 100%, the user will not see any of your site content. Lowering the opactiy will allow more of the site to be seen throguh the background overlay. Default setting is 84%.

Standard Button Color

If yu’ve included a standard button in your popup, this is where you can change the color.

FORM STYLE

All settings in this segment related specifically to the form. Note you must include a form in your popup for these settings to take effect. Including a form can be done on the “Settings” tab.

Form Button Color

Sets the color of the form’s button.

Form Field Background

This setting changes the color of the form’s fields. The field is where the user will enter text, such as their email.

Form Field Border

This setting allows you to change the color of the field(s)’ border. If you prefer not to havea border, you can make this the same color as the form field’s background color.

 

Settings Tab

Settings Tab

This tab contains core functionality and status settings for each specfic popup. You will be able to add a title for reference, set whether the popup is enabled/disabled, and so on. Check out the overview below for details on each setting:

Status: Set the popup to Enabled or Disabled. “Disabled” allows you to work on a popup without it being live. “Enabled” activates the popup, making it live on your site.

Form Title: This is the name of your Popup, which is used for reference only. It will not be displayed on the popup itself, so feel free to choose a title that will indicate its goals, design, functionality, or other factors that will help you quickly reference it in the future. This title will be displayed in the Popups Library’s list view and is especially useful for the Pro Version which allows unlimited popups.

Visibility: This section allows you to specify if the popup should exist on all pages of your site, or specific pages.

All Pages: This setting will make the popup appear on all pages, and applies only to the “Delay” Event, which loads the popup after a specific time delay after a page loads.

Choose Pages: You can also choose to add QuickPop only to your home page. To add the popup to other specific pages, feel free to try the Pro Version.

Events > Delay: Set the delay, in seconds, after which the popup will appear.

 

Popup Form Submissions

QuickPop allows you to build your email list and collects all subissions in a spearate tab for easy organization and contact management. Let’s have a look:

Submissions List View:

All submissions are captured in a standard WordPress list for quick access.

 Submission Detail View:

To view the content of an individual submission, simply click the submission from the list. You will then be taken to the detial view as shown below (note this view is from the pro version. The free version will only collect emails). Here you will find the full content of what has been submitted from users who have submitted details through a QuickPop Popup:

Want to collect more details from your visitors among tons of additional features? Try the PRO version 100% FREE.

Animation

QuickPop’s free version includes a sleek “slide-up” effect. It will look something like this:

 To add different animations without altering the code, feel free to try out the Pro Version 100% FREE

Bonus for Checking the Demo!

Lots of reasons to add popups to links and buttons, am I right? As a thank you for checking our demo, you can save 15% right now when you sign up for our newsletter!

Submission received, thank you!

Close Window
Our time: 1:10am EST