Developers Note

Slick Popup Pro is aimed to provide you with a plugin that fulfill all your needs for popups, opt-ins and enquiry forms in WordPress based websites, and we will keep updating it with the features that will keep you go longer with the awesome features of the plugin.

We will continue to develop new features in the plugin and keep developing the documentation as will be required.

Install & Setup

The quickest method for installing the plugin is:

Install via FTP

How to configure?

The configuration of plugin has been made easier with an easy to use options. Just install the plugin and set it up with few clicks.

Need us to setup?

If you think you can not do it yourself, just us poke us at: and we will be happy to setup the plugin for a little cost.

Plugin Options

Configuration Settings

  1. To enable the Automatic Updates, you need to purchase the Code from CodeCanyon
  2. Switch the Plugin Status Enable / Disable
  3. Choose the Contact Form 7 form to be used in the popup
  4. Choose the Display of the popup form => Everywhere / selected pages / not selected pages
  5. Enable / Disable the Plugin on Mobile View
  6. Keep or Delete Plugin setting after uninstalllation
  7. Save Changes
  1. Choose Popup Layout => Full / Centered
  2. Choose Popup Corners => square / rounded / set your own
  3. Choose Popup Coloured Scheme as one of our pre-defined color schemes
  4. Choose your own popup colour
  5. Choose Popup Heading and Description settings
  6. Choose Appearance of the formSubmit button => use styles from theme / inherit from color scheme / set your own colors
  7. Save Changes
  1. Choose how to Activate Popup (4 modes) => On-click / Auto Popup / On-scroll Popup / On-exit Popup
  2. Choose One of the Onloading Animation effect from the multiple effects list
  3. You can set the popup Onloadong Speed
  4. Choose One of the Unloading Animation effect from the multiple effects list
  5. You can set the popup Unloading Speed
  6. Save Changes

Side Button

  1. Choose the Positionof side button => Right / Left
  2. Choose the Button Textfor the side button
  3. Choose the Color schemefor the side button => inherit from color scheme / set your own
  4. Save Changes


  1. Choose the different Style for Heading font => Font Family / Font Weight & Style / Font Subsets / Font Size / Line Height / Font Color
  2. Choose the Call To Action font => Font Family / Font Weight & Style / Font Subsets / Text Align / Font Size / Line Height / Font Color
  3. Choose the Submit Button font => Font Family / Font Weight & Style / Font Subsets / Text Align / Font Size / Line Height / Font Color
  4. Choose the Side Button font => Font Family / Font Weight & Style / Font Subsets / Text Align / Font Size / Line Height / Font Color
  5. Save Changes

For The Developer

Filters Available

// How to use filters
function change_sppro_dollar( $show ) { $return=false;// set and return $show as per your need return $return; } add_filter( 'sppro_dollar_show', 'change_sppro_dollar' );
// sppro_dollar_cf7_id 
function change_sppro_cf7_id( $cf7_id ) { $return=XX; // ID of any CF7 form return $return; } add_filter( 'sppro_dollar_cf7_id', 'change_sppro_cf7_id' );
// sppro_dollar_side_button_text 
function change_sppro_button_text( $side_button_text ) { $return="Get a Quote"; // e.g. Enquire Now, Submit Enquiry, Contact Us return $return; } add_filter( 'sppro_dollar_side_button_text', 'change_sppro_button_text' );
// sppro_dollar_popup_heading 
function change_sppro_popup_heading( $popup_heading ) { $return="Reach Us"; // Control desired heading for the popup return $return; } add_filter( 'sppro_dollar_popup_heading', 'change_sppro_popup_heading' );
// sppro_dollar_cta_text 
function change_sppro_cta_text( $cta_text ) { $return="lorem ipsum besz"; // Control desired call-to-action text return $return; } add_filter( 'sppro_dollar_cta_text', 'change_sppro_cta_text' );
add_filter args
sppro_dollar_show $show (boolean)
sppro_dollar_cf7_id $cf7_id (int)
sppro_dollar_side_button_text $side_button_text (string)
sppro_dollar_popup_heading $popup_heading (string)
sppro_dollar_cta_text $cta_text (string)

Action Reference


Do popup look the same in every theme?

We tried to prepare HTML / CSS code for work regardless of the theme, but if you have a problem on your website, please contact us for assistance.

What version of WordPress I need?

Plugin will work in WP 3.2+. However, we recommend using the latest version.

How can I modify the appearance of popup?

You can do this while adding / editing popup in plugin panel, we have many options for customizing the appearance of the popup.

Is it possible to enable popup only for a selected page?

Yes, you can do it in Plugin settings, just check for the "Where to show" options in the settings

How to upgrade from Lite version to Pro version?

Upgrading from Slick Popup Lite (free version) to pro version does not require you to uninstall the free version. You can keep both versions and use both of them simultaneously. Just install the pro version and you are good to go.

Slick Popup Pro comes up with automatic upgrade option. All you have to do is go to Dashboard and then click on Plugins. Now, look for Slick Popup Pro in plugins. Whenever the new version is out, you will see a notification message “There is a new version of Slick Popup Pro available. View version X.X details or update now.” (See screenshot for details) Just click on Update Now and the latest version will be installed automatically. The installation would take 1-3 minutes depending on the network speed. Once the process is complete, the latest version will be installed.

How to create popup with your own HTML tag?

Go on Edit page option or alternatively you can click on ‘Pages’ in dashboard. This will show all the pages that you have made on your website. Choose the one on which you want your Slick Popup to have your own HTML Tag. This will open the edit page option. Look for a small blue color ‘Slick Popup icon’ in the edit page menu (see screenshot). Click on this icon and a Slick Popup Shortcut window will open. Place your custom tags here, click OK and you are good to go.

How to create an On Scroll Popup?

It is similar to the above method. Click on your WordPress Dashboard and look for Slick Popup Pro in sidebar. Hover your mouse on Slick Popup Pro to let all options be shown. Now click on SP Global Form and then you will be taken to Slick Popup Pro Configuration Menu. Now, another sidebar menu will be opened. Here look for Activation Mode and in Activation Mode you will see “How to activate plugin” followed by a dropdown menu. Choose the activation mode of your choosing out of four options from the dropdown menu

Plugin make JS conflicts in my theme.

In case the plugin is conflicting with 'js' In your theme please send us an email at

Go to top