Introduction

Now is the time to start creating imaginative popups for lead generation. KtelApp Layered Popups gives a better option to create popups only limited by your imagination. KtelApp allows you to realize your imagination and make unique multi-layers popups. You can create multiple layers with whatever-you-want in the content and add custom transitions/animations to each layer. You can even embed AJAX-ed subscription/contact form which works with up 90 email marketing providers (Acelle Mail, ActiveCampaign, ActiveTrail, AgileCRM, Arigato Pro, AvangEmail, AWeber, Benchmark, Campaign Monitor, Campayn, CleverReach, Constant Contact, Conversio, ConvertKit, Customer.io, Direct Mail for Mac OS X, dotmailer, Drip, E-goi, EasySendy Pro, Elastic Email, EmailOctopus, Emma, E-newsletter by WPMU DEV, eSputnik, FireDrum, Follow-Up Emails, FreshMail, GetResponse, HubSpot, iContact, Interspire, Jetpack Subscriptions, KIRIM.EMAIL, Klaviyo, Klick Tipp, Mad Mimi, Mailautic, Mailbox Marketing, MailChimp, MailerLite, Mailigen, MailJet, MailKitchen, Mailleader, MailPoet (WYSIJA), Mailrelay, Mailster (MyMail), MailWizz, Market Hero, Mautic, Moosend, MPZ Mail, Mumara, MyNewsletterBuilder, Omnisend, Ontraport (Office Auto Pilot), Perfit, Pipedrive, Rapidmail, RocketResponder, SALESmanago, SG Autorepondeur, SalesAutoPilot (MailMaster), Sendloop, SendGrid, SendPress, SendPulse, SendReach, SendinBlue, Sendlane, Sendy, SimplyCast, SqualoMail, StampReady, StreamSend, Subscribe2, The Newsletter Plugin, TotalSend, Tribulant Newsletters, UniSender, UserEngage, Vision6, Your Mailing List Provider (YMLP), Zoho Campaigns, Zoho CRM) and collect users’ names and e-mails. You can raise popup on page load, on exit intent, on scrolling down, on inactivity or show it on click event. Moreover, you can use any popup as a part of post/page content and show them inline. Make your website more attractive and pay users attention to certain stuff.

OnLoad Settings

These are deprecated parameters. Use Targeting to configure OnLoad popups.

This section allows you to select popup, which appears when the website’s page load. These are site-wide settings. Once configured, a popup will be displayed on all pages of the website. These settings can be overloaded on the appropriate section of the post/page/product editor page. OnLoad Settings has the following parameters:

  • Popup or A/B Campaign – select popup or A/B campaign to be displayed when the page loaded. You can select different popups/campaigns for desktops/laptops/tablets and for smartphones.
  • Display mode – select how often OnLoad popups must be displayed:
    • Disable popup – the popup will never be displayed.
    • Every time – the popup is displayed every time until the user has submitted a subscription form.
    • Once per session – the popup is displayed once per session until the user has submitted a subscription form. The session is a browser’s session. Usually, the session ends when the user closes the browser. Sometimes it ends when the user reboots PC.
    • Once per X days – the popup is displayed once per X days until the user has submitted a subscription form.
    • Only once – the popup is displayed only once.
  • Start delay – the popup can be displayed with a certain delay when the page loaded. Set delay (in seconds) here.
  • Autoclose delay – the popup can be automatically closed after a certain delay. Set delay (in seconds) here.

Please remember that these are site-wide settings. If necessary you can overload them for certain post/page/product on appropriate post/page/product editor.

OnScroll Settings

These are deprecated parameters. Use Targeting to configure OnScroll popups.

This section allows you to select popup, which appears when the user scrolls down the website’s page. These are site-wide settings. Once configured, a popup will be displayed on all pages of the website. These settings can be overloaded on the appropriate section of the post/page/product editor page. OnScroll Settings has the following parameters:

  • Popup or A/B Campaign – select popup or A/B campaign to be displayed when the user scrolls down the website’s page. You can select different popups/campaigns for desktops/laptops/tablets and for smartphones.
  • Display mode – select how often OnScroll popups must be displayed:
    • Disable popup – the popup will never be displayed.
    • Every time – the popup is displayed every time until the user has submitted a subscription form.
    • Once per session – the popup is displayed once per session until the user has submitted a subscription form. The session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
    • Once per X days – the popup is displayed once per X days until the user has submitted a subscription form.
    • Only once – the popup is displayed only once.
  • Scrolling offset – the popup is displayed when the user scrolls down to this number of pixels.

Please remember that these are site-wide settings. If necessary you can overload them for certain post/page/product on appropriate post/page/product editor.

OnExit Settings

These are deprecated parameters. Use Targeting to configure OnExit popups.

This section allows you to select popup, which appears when the user moves the mouse cursor to the top edge of the browser window, assuming that he/she is going to leave the page. Due to the specificity of the event these settings are actual for desktops/laptops and not actual for touch screen devices. These are site-wide settings. Once configured, a popup will be displayed on all pages of the website. These settings can be overloaded on the appropriate section of the post/page/product editor page. OnExit Settings has the following parameters:

  • Popup or A/B Campaign – select popup or A/B campaign to be displayed when the page loaded. Due to the specificity of event, popup for tablets/smartphones is not actual.
  • Display mode – select how often OnExit popups must be displayed:
    • Disable popup – the popup will never be displayed.
    • Every time – the popup is displayed every time until the user has submitted a subscription form.
    • Once per session – the popup is displayed once per session until the user has submitted a subscription form. The session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
    • Once per X days – the popup is displayed once per X days until the user has submitted a subscription form.
    • Only once – the popup is displayed only once.

Please remember that these are site-wide settings. If necessary you can overload them for certain post/page/product on appropriate post/page/product editor.

OnInactivity Settings

These are deprecated parameters. Use targeting to configure OnInactivity popups.

This section allows you to select popup, which appears when a user does nothing on your website. The popup appears if the user doesn’t move the mouse, doesn’t press buttons, doesn’t touch screen for a certain period of time. These are site-wide settings. Once configured, a popup will be displayed on all pages of the website. These settings can be overloaded on the appropriate section of the post/page/product editor page. OnInactivity Settings has the following parameters:

  • Popup or A/B Campaign – select popup or A/B campaign to be displayed when the user scrolls down the website’s page. You can select different popups/campaigns for desktops/laptops/tablets and for smartphones.
  • Display mode – select how often OnScroll popups must be displayed:
    • Disable popup – the popup will never be displayed.
    • Every time – the popup is displayed every time until the user has submitted a subscription form.
    • Once per session – the popup is displayed once per session until the user has submitted a subscription form. The session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
    • Once per X days – the popup is displayed once per X days until the user has submitted a subscription form.
    • Only once – the popup is displayed only once.
  • Period of inactivity – the popup is displayed after this period of inactivity (in seconds).

Please remember that these are site-wide settings. If necessary you can overload them for certain post/page/product on appropriate post/page/product editor.

OnAdBlockDetected Settings

These are deprecated parameters. Use targeting to configure OnAdBlockDetected popups.

This section allows you to select popup, which appears if a user uses AdBlock software. These are site-wide settings. Once configured, the popup will be displayed on all pages of the website. These settings can be overloaded on the appropriate section of the post/page/product editor page. OnInactivity Settings has the following parameters:

  • Popup or A/B Campaign – select popup or A/B campaign to be displayed if AdBlock detected. You can select different popups/campaigns for desktops and for mobiles.
  • Display mode – select how often OnAdBlockDetected popups must be displayed:
    • Disable popup – the popup will never be displayed.
    • Every time – the popup is displayed every time until the user has submitted a subscription form.
    • Once per session – the popup is displayed once per session until the user has submitted a subscription form. The session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
    • Once per X days – the popup is displayed once per X days until the user has submitted a subscription form.
    • Only once – the popup is displayed only once.

Please remember that these are site-wide settings. If necessary you can overload them for certain post/page/product on appropriate post/page/product editor.

Mailing Settings

This section appears if you activated either Admin Notification module or Welcome Mail module. Please read Modules paragraph regarding enabling/disabling modules. Mailing Settings has the following parameters:

  • Sender name – all plugin related e-mail messages are sent using this name as “FROM:” header value.
  • Sender e-mail – all plugin related e-mail messages are sent using this e-mail as “FROM:” header value. Important! Some hosting providers don’t allow to send e-mails when sender e-mail address doesn’t belong to the same domain (where website installed) or doesn’t exist. So, make sure that Sender e-mail address exists and belongs to a domain, where website installed.

Miscellaneous

This section has the following parameters:

  • Single subscription. You may use different event popups, inline and OnClick popups at the same time. If “Single subscription” checkbox unticked, different event popups work independently. It means that different event popups don’t care if the user already submitted a subscription form on other popups. Each event popup keeps working according to its “Display mode” setting. But, if “Single subscription” checkbox ticked, all event popups stop working after submitting a subscription form on any popup. Example. The website uses popup #1 as OnLoad popup, popup #2 as OnScroll popup, popup #3 as an inline popup and popup #4 as OnClick popup. Assume, that user submitted a subscription form on inline popup (popup #3). If “Single subscription” checkbox unticked, event popups (popup #1 and popup #2) keep working according to their display modes. However, if “Single subscription” checkbox ticked, event popups (popup #1 and popup #2) won’t be displayed anymore.
  • Use event popups only. Obsolete parameter. Do not use it. It will be removed soon.
  • Do not pre-load popups. By default, all active (not blocked) popups are included into webpage HTML-code. If you activate this option, popups won’t be included into webpage HTML-code. Popups will be loaded on demand using AJAX-requests. This feature is a perfect solution for page speed loading.
  • CSV column separator. When users submit subscription/contact form, their details are saved to the log (menu “Layered Popups >> Log”). You can export basic data as CSV-file (menu “Layered Popups >> Popups”, button “Export CSV”). This parameter is a column separator of CSV-file.
  • Extended e-mail validation. If you turn this option on, the plugin will check MX records according to the host provided within the email address. PHP 5 >= 5.3 required! You also can use 3rd party email verifications services: AlgoCheck (use coupon layered popups to get 10% off), Email list verify, Hunter, Kickbox, NeverBounce, Proofy.io, and TheChecker.co (use coupon layered popups to get 5000 email verification credits). Please activate the appropriate module on the Advanced Settings page.
  • Google Analytics tracking. If you turn this option on, the plugin will send popup events (open popup, submit subscription/contact form) to Google Analytics. Google Analytics must be installed on your website.
  • KISSmetrics tracking. If you turn this option on, the plugin will identify the current person with e-mail address submitted through subscription/contact form. KISSmetrics must be installed on your website.
  • Font Awesome icons. This option allows to enable Font Awesome icons for input fields and submit button.
  • jQuery Mask plugin. This option allows enabling jQuery Mask plugin for phone and custom input fields. For more details please visit jQuery Mask plugin page
  • CSS3 animation. By default, the plugin uses basic jQuery animations to show/hide layers. You can extend animation effects by using CSS3 animations driven by Animate.css.
  • Reset cookie. The plugin uses cookies for display modes of event popups and for remembering users who submitted the subscription form. You can reset cookie value by clicking this button.

Advanced Settings

Advanced plugin settings can be reached through the menu “Layered Popups >> Settings”, tab “Advanced”. Please find a detailed description of each parameter below:

  • Plugin modules. The plugin has a modular architecture. It easily allows you to enable/disable certain functionality. For example, if you need MailChimp integration, just activate the appropriate module and configure your popup. The actual version of the plugin has the following default modules:
    • Social Buttons – this module allows you to add social buttons to your popups. The following buttons are supported: Facebook Like, Google +1, Twitter Tweet, LinkedIn Share.
    • Subscribe with Social Media – this module allows you to add “Subscribe with Facebook” and “Subscribe with Google” buttons to your popups. With this functionality, users can use their Facebook/Google account to subscribe to your newsletters. It is good for lazy users who don’t want to complete a subscription form.
    • Custom Fields – with this module you can create custom fields and use them with subscription/contact form. By default, the plugin has only 4 basic fields: name, e-mail, phone # and message. If you activate the “Custom Fields” module, you can create as many fields as you wish. The following field types are supported: text field, text area, select option, checkbox, and date picker.
    • Custom JavaScript Handlers – with this module you can add your js-snippets to popup events: AfterOpen, BeforeSubmit, AfterSubmitSuccess, AfterSubmitFail, and AfterClose.
    • Admin Notification – this module allows you to receive notification by e-mail when somebody submits popup’s form. Please pay attention to the paragraph.
    • Welcome Mail – this module sends welcome/thanksgiving e-mail to user who submitted popup’s form. Please pay attention to this paragraph.
    • Acelle Mail – this module submit user data to selected Acelle Mail list. Plugin uses Acelle Mail API.
    • Active Campaign Integration – this module submits user data (name and e-mail) to selected Active Campaign list. The plugin uses the Active Campaign API.
    • ActiveTrail Integration – this module submits user data to ActiveTrail. The plugin uses its API.
    • AgileCRM Integration – this module submits user data to AgileCRM. The plugin uses AgileCRM API.
    • Arigato Pro Integration – this module submits user data to selected Arigato Pro list.
    • AvangEmail Integration – this module submits user data to selected AvangEmail list.
    • AWeber Integration – this module submits user data (name and e-mail) to selected AWeber list. The plugin uses AWeber API.
    • Benchmark Integration – this module submits user data (name and e-mail) to selected Benchmark list. The plugin uses Benchmark API.
    • Campaign Monitor Integration – this module submits user data (name and e-mail) to selected Campaign Monitor list. The plugin uses the Campaign Monitor API.
    • Campayn Integration – this module submits user data to Campayn. The plugin uses Campayn API.
    • CleverReach Integration – this module submits user data to CleverReach. The plugin uses AgileCRM’s SOAP API.
    • Constant Contact Integration – this module submits user data (name and e-mail) to selected Constant Contact list. The plugin uses the Constant Contact API.
    • Conversio Integration – this module submits user data (basic and custom fields) to selected Conversio list. The plugin uses Conversio API.
    • ConvertKit Integration – this module submits user data to ConvertKit. The plugin uses ConvertKit API.
    • Customer.io Integration – this module submits user data (name and e-mail) to selected Customer.io list. The plugin uses Customer.io API.
    • Direct Mail Integration – this module submits user data (name and e-mail) to selected Direct Mail list. The plugin uses the Direct Mail API.
    • dotmailer Integration – this module submits user data (basic and custom fields) to the selected dotmailer address book. The plugin uses dotmailer API.
    • Drip Integration – this module submits user data to selected Drip’s campaign. The plugin uses Drip API.
    • E-goi Integration – this module submits user data (name and e-mail) to selected E-goi list. The plugin uses E-goi API.
    • EasySendy Pro Integration – this module submits user data to EasySendy Pro. The plugin uses its API.
    • Elastic Email Integration – this module submits user data (name and e-mail) to selected Elastic Email list. The plugin uses Elastic Email API.
    • EmailOctopus Integration – this module submits user data to selected EmailOctopus list. The plugin uses EmailOctopus API.
    • Emma Integration – this module submit users as Emma’s members. Plugin uses Emma API.
    • E-newsletter by WPMU DEV Integration – this module submits user data (name and e-mail) to selected E-newsletter by WPMU DEV groups.
    • eSputnik Integration – this module submits user data to eSputnik. The plugin uses its API.
    • FireDrum Integration – this module submits user data (basic and custom fields) to FireDrum. The plugin uses the FireDrum API.
    • Follow-Up Emails Integration – this module submits user e-mail to selected Follow-Up Emails list.
    • FreshMail Integration – this module submits user data (name and e-mail) to selected FreshMail list. The plugin uses FreshMail API.
    • GetResponse Integration – this module submits user data (name and e-mail) to selected GetResponse list. The plugin uses the GetResponse API.
    • HubSpot Integration – this module submits user data to HubSpot. The plugin uses the HubSpot API.
    • iContact Integration – this module submits user data (name and e-mail) to selected iContact list. The plugin uses the iContact API.
    • Interspire Integration – this module submits user data (name and e-mail) to selected Interspire list. The plugin uses the Interspire API.
    • Jetpack Subscriptions Integration – this module submits user data to Jetpack Subscriptions.
    • KIRIM.EMAIL Integration – this module submit user data to selected KIRIM.EMAIL list. Plugin uses KIRIM.EMAIL API.
    • Klaviyo Integration – this module submits user data to Klaviyo. The plugin uses its API.
    • Klick Tipp Integration – this module submits user data to selected Klick Tipp list. The plugin uses the Klick Tipp API.
    • Mad Mimi Integration – this module submit user data (name and e-mail) to selected Mad Mimi list. Plugin uses Mad Mimi API.
    • Mailautic Integration – this module submits user data (basic and custom fields) to selected Mailautic list. The plugin uses Mailautic API.
    • Mailbox Marketing Integration – this module submits user data (name and e-mail) to selected Mailbox Marketing list.
    • MailChimp Integration – this module submits user data (basic and custom fields) to selected MailChimp list. The plugin uses MailChimp API.
    • MailerLite Integration – this module submits user data (name and e-mail) to selected MailerLite list. The plugin uses MailerLite API.
    • Mailigen Integration – this module submits user data (basic and custom fields) to selected Mailigen list. The plugin uses Mailigen API.
    • MailJet Integration – this module submits user data to selected MailJet’s contact list. The plugin uses MailJet’s REST API.
    • MailKitchen Integration – this module submits user data (basic and custom fields) to selected MailKitchen list. The plugin uses MailKitchen web services.
    • Mailleader Integration – this module submits user data to selected Mailleader list. The plugin uses Mailleader API.
    • MailPoet (WISYJA) Integration – this module submits user data (name and e-mail) to selected MailPoet list.
    • Mailrelay Integration – this module submits user data (basic and custom fields) to selected Mailrelay’s groups. The plugin uses Mailrelay API.
    • Mailster (formerly MyMail) Integration – this module submits user data to selected Mailster list.
    • MailWizz Integration – this module submits user data (basic and custom fields) to selected MailWizz list.
    • Market Hero Integration – this module submits user data to Market Hero. The plugin uses Market Hero API.
    • Mautic Integration – this module submits user data (basic and custom fields) to Mautic contacts list. The plugin uses Mautic API.
    • Moosend Integration – this module submits user data (basic and custom fields) to Moosend contacts list. The plugin uses Moosend API.
    • MPZ Mail Integration – this module submits user data (basic and custom fields) to selected MPZ Mail’s group. The plugin uses MPZ Mail API.
    • Mumara Integration – this module submits user data (basic and custom fields) to Mumara list. The plugin uses Mumara API.
    • MyNewsletterBuilder Integration – this module submits user data (basic and custom fields) to selected MyNewsletterBuilder list. The plugin uses MyNewsletterBuilder API.
    • Omnisend Integration – this module submits user data (basic and custom fields) to selected Omnisend list. The plugin uses Omnisend API.
    • Ontraport Integration – this module submits user data (basic and custom fields) to selected Ontraport. The plugin uses Ontraport API.
    • Perfit Integration – this module submits user data (basic and custom fields) to selected Perfit list. The plugin uses Perfit API.
    • Pipedrive Integration – this module submits user data to Pipedrive. The plugin uses its API.
    • Rapidmail Integration – this module submits user data (basic and custom fields) to selected Rapidmail list. The plugin uses Rapidmail API.
    • RocketResponder Integration – this module submit user data to RocketResponder. Plugin uses RocketResponder API.
    • SalesAutoPilot Integration – this module submits user data (name and e-mail) to selected SalesAutoPilot list. The plugin uses SalesAutoPilot API.
    • SALESmanago Integration – this module submit user data to SALESmanago. Plugin uses SALESmanago API.
    • Sendloop Integration – this module submits user data to selected Sendloop list. The plugin uses Sendloop API.
    • SendGrid Integration – this module submits user data to selected SendGrid list. The plugin uses SendGrid API.
    • Sendlane Integration – this module submits the user’s name and emails to selected Sendlane list. The plugin uses Sendlane API.
    • SendPress Integration – this module submits user data (name and e-mail) to selected SendPress list.
    • SendPulse Integration – this module submits user data to selected SendPulse’s address book. The plugin uses SendPulse’s REST API.
    • SendReach Integration – this module submits user data (name and e-mail) to selected SendReach list. The plugin uses SendReach API.
    • Sendy Integration – this module submits user data (name and e-mail) to selected Sendy list. The plugin uses Sendy API.
    • SG Autorepondeur Integration – this module submits user data to SG Autorepondeur. The plugin uses its API.
    • SimplyCast Integration – this module submits user data to SimplyCast. The plugin uses SimplyCast API.
    • SqualoMail Integration – this module submit user data to selected SqualoMail list. Plugin uses SqualoMail API.
    • StampReady Integration – this module submits user data to selected StampReady list. The plugin uses StampReady API.
    • StreamSend Integration – this module submits user data (basic and custom fields) to selected StreamSend list. The plugin uses StreamSend API.
    • Subscribe2 Integration – this module submits user data to the Subscribe2 plugin.
    • The Newsletter Plugin Integration – this module submits user data to The Newsletter Plugin.
    • TotalSend Integration – this module submits user data to TotalSend. The plugin uses TotalSend API.
    • Tribulant Newsletters Integration – this module submits user data to selected Tribulant Newsletters list.
    • UniSender Integration – this module submits user data (basic and custom fields) to selected UniSender list. The plugin uses UniSender API.
    • UserEngage Integration – this module submits user data to UserEngage. The plugin uses its API.
    • Vision6 Integration – this module submits user data to selected Vision6 list. The plugin uses Vision6 API.
    • Your Mailing List Provider Integration – this module submits user data (name and e-mail) to selected YMLP list. The plugin uses the YMLP API.
    • Zoho Campaigns Integration – this module submits user data (basic and custom fields) to selected Zoho Campaigns list. The plugin uses Zoho Campaigns API.
    • Zoho CRM Integration – this module submits user data (basic and custom fields) to Zoho CRM as a lead. The plugin uses Zoho CRM API v.2.0.
    • HTML Form Integration – use this module to submit user data as a part of 3rd party HTML form. This module is useful if your newsletter/marketing software or service is not supported by the plugin. After activating this module, you can paste HTML form code into certain field and associate form’s fields with popups fields. When users submit popup’s form their data is also auto-submitted to a 3rd party form.
    • Create WordPress User – use this module to create a WP user based on data, submitted through popup’s form. After activating this module, you can associate WP user fields with popups fields. When users submit popup’s form, the new WP user is also created.

After activation some modules add their settings section on Settings page (menu “Layered Popups >> Settings”). Moreover, all of them add their parameters on Popup Editor page. For more details, please read appropriate paragraphs under “Create Popup” chapter.

  • Log subscribers. Activate this option if you want to save subscriber details in the local database.
  • Advanced Targeting. Activate this option to enable advanced targeting. You can configure more accurately how and where to display popups. Available starting version 6.10.
  • Inline popups. Activate this option if you want to pull inline popups when the page loaded. Activating this option allows you to use different inline popups for desktops/tablets and smartphones.
  • Late Initialization. Activate this option if you get infinite redirection on the front side.
  • Async Initialization. Activate this option if you want to initialize event popups asynchronously.
  • Count impressions. Activate this option if you want to count the number of impressions.
  • Enable minification. The plugin goes with normal and minified versions of CSS and JS files. Activate this option if you want to use minified CSS and JS files.
  • Remote access. Starting from version 5.50 you can integrate popups into non-WP pages or 3rd party websites. Tick this checkbox to activate this feature.
  • Popups Library. As a license owner you have free access to online Popups Library through menu “Layered Popups >> Popups Library”. If you don’t need it, untick this checkbox.
  • Add-ons. The plugin has several useful add-ons that you can purchase separately. Add-ons list is available through the menu “Layered Popups >> Add-Ons”. If you don’t need this menu item, untick this checkbox.
  • Post meta. The plugin has the option to configure event popups for each post/page/product. It adds a meta box to their editor. By default, this metal box is available for every user who has permissions to edit post/page/product. If you want this meta box to be available for administrators only, tick “Post meta” checkbox.
  • Reset settings. If you want to reset all settings and post/page meta into default values, use this feature.
  • Clean database. If you want to delete all tables and records, related to Layered Popups, tick this check box. The database will be cleaned when you deactivate the plugin.

Popups

All popups can be reached through the menu “Layered Popups >> Popups”. The plugin goes with over 30 different demo popups, but you always can create your own. By default, pre-defined popups have the status “blocked”. It means that popups are disabled and can’t be used on the website. To unblock popup, you need to click the appropriate icon at “Operations” column.

List of popups is organized as a table with several columns:

  • Title. The title of the popup is used for your own reference.
  • ID. This unique Popup ID is used to identify popup when using it as OnClick and inline popup.
  • Layers. The number of layers. Each pop-up consists of one or several layers.
  • Submits. If popup has subscription/contact form, this column shows how many times the form was submitted.
  • Impressions. This column shows how many times the popup was displayed.
  • Operations/actions. You can perform several actions for each popup by clicking an appropriate icon.
    • Preview popup. Check how the popup looks at your website. This action doesn’t work if the popup is blocked and the option “Do not pre-load popups” on Settings page activated. Please remember, preview mode loads only one popup. If previewing popup calls second popup (for example, 2-steps opt-in process or “thank you” popup), the second popup won’t be displayed.
    • Edit popup. Click an icon to edit the popup.
    • Duplicate popup. Click icon if you want to have an exact copy of the popup.
    • Export popup details. Export popup as a text file. You can import this file on another website where plugin installed.
    • Export full popup details (including images). Create a zipped version of the popup. The archive includes popup details and images used with the popup.
    • Block popup. Disable popup. Once blocked, the popup can’t be used on the website.
    • Unblock popup. Enable popup. Once unlocked, the popup can be used on the website.
    • Drop counters. Clear values in Submits and Impressions columns.
    • View log. View list of users submitted subscription/contact form.
    • Delete popup. Remove popup from the list.

At the bottom of the list, you can find the button “Import popup”. You can use it to import previously exported popups.

Creating Popups

To create popup, use popup editor (menu: “Layered Popups >> Create Popup”).

The editor has of 3 tabs:

  1. General. This tab contains Popup Constructor and parameters related to popup design.
  2. Mailing. This tab contains parameters for double opt-in, admin notification and thanksgiving e-mail functionality.
  3. Integration. This tab is available when you enable at least one integration module on the Advanced Settings page. It contains parameters for marketing provider integration.

Please remember the following philosophy: each popup is a set of layers. There are no primary and/or secondary layers. All of them are equal. Even the main window box is a regular rectangular layer. Keeping this idea in the mind allows designing unique popups with various shapes and sizes. Creating popup is a process of creating layers and positioning them properly. (It’s like working with Photoshop if you know what I mean.)

The first thing you have to set is an approximate popup size (parameter Basic size, width, and height). This is the size of an invisible rectangular frame (basic frame), where you are going to fit popup layers. The frame is positioned on the screen according to the Position parameter. At the same time, all layers are positioned relative to the top-left corner of that frame.

After that, decide if you need overlay with your popup and set its parameters:

  • Disable overlay. Tick this checkbox to disable overlay. All further overlay parameters will be ignored.
  • Overlay color. Set any color.
  • Overlay opacity. This is overlay transparency level. The value must be in a range [0…1]. 0 – is an invisible overlay. 1 – not the transparent overlay.
  • Overlay animation. Set desired overlay animation.
  • AJAX-spinner. Select desired spinner for popup loading. This spinner is displayed while the popup is pulling using AJAX (both modes – popup and inline). This option is available only if you activated the option “Do not pre-load popups” on General Settings page or “Pull inline popups using AJAX” on Advanced Settings page.
  • Extended closing. Activate this option to allow users closing popup by clicking overlay and pressing ESC-button.
  • Extended submission. Activate this option to allow users to submit popup’s form by pressing ENTER-button.

The next major step is creating layers.

Popup Constructor

Popup constructor consists of 3 areas:

  1. Live Preview. It is how your popup look (image below). You can select the desired layer, move it or resize using a mouse.
  2. Layers List. The floating panel that contains a full list of layers (image below). You can move this panel and sort list of layers. The lower in a list, the higher z-index. Layer with higher z-index is always in front of a layer with a lower z-index.
  3. Layer Parameters. When you click any layer in Layers List, the right side panel is opened (image below). It contains parameters of the selected layer. You can hide this panel by clicking “Hide >>” link on a panel.

Layers

Any pop-up consists of layers. Creating layers is creating a popup element. Each layer is a DIV-element with certain parameters and content. To create new layer click “+ Add Layer” on Layers List panel. To edit certain layer just click it on Layers List panel. In both cases, you will see the Layer Parameters panel (on right side of the screen). It contains a list of parameters divided into several groups.

  • Layer Details:
    • Title. This value is used for your own convenience only. When you create a layer with the main popup background, name it as “Main Background”, for example.
    • Content. You can use plain text, HTML and shortcodes.
    • Size (width x height). The size of the layer. Always set at least width parameter. It is necessary for popup responsiveness.
    • Position. Left and top position of the layer. It is set relative to the top-left corner of the basic frame.
  • Text and Font:
    • Font. Select the desired local or Google font.
    • Color. Text color.
    • Color:hover. Text color, when it’s hovered, focused or active.
    • Size. Set font size in pixels.
    • Weight. Select the desired font weight.
    • Shadow size. You can add shadow to text. Set its size here.
    • Shadow color. Set shadow color here.
    • Alignment. Select desired content alignment.
    • V-Padding. Set vertical padding of content.
    • H-Padding. Set horizontal padding of content.
  • Background:
    • Gradient. Tick checkbox to use a gradient background. The plugin uses linear gradient.
    • Gradient angle. Set an angle between a horizontal line and the gradient line, going counter-clockwise. More details.
    • Color. Set the background color. If you want a transparent layer – leave the field empty.
    • Color:hover. Set the color of the background, when it’s hovered.
    • Opacity. This is a background transparency level. The value must be in a range [0…1]. 0 – is an invisible layer. 1 – not transparent layer.
    • Image URL. URL of the image that is used to fill the layer. It is used to fill a layer by a certain pattern. Do not use this field to display a single image. If you want a single image, please read the content paragraph.
    • Image repeat. Set how a background image will be repeated. More details.
    • Image repeat. Set the size of the background image. More details.
  • Border:
    • Width. Set the border width.
    • Color. Set the background color. If you want a transparent layer – leave the field empty.
    • Color:hover. Set the color of the background, when it’s covered.
    • Radius. Specify the border-radius.
  • Box Shadow:
    • H-Shadow. The position of the horizontal shadow. Negative values are allowed.
    • V-Shadow. The position of the vertical shadow. Negative values are allowed.
    • Blur. The blur distance.
    • Spread. The size of the shadow. Negative values are allowed.
    • Color. The color of the shadow.
    • Inset. Changes the shadow from an outer shadow (outset) to an inner shadow.
  • Animation:
    • Animation. Each layer has its own animation effect. Set it here.
    • Duration. Speed of animation effect (in milliseconds). The lower value the faster animation.
    • Start delay. A layer may appear with some delay (in milliseconds). Set this delay here. Recommended values are between 0 and 2000.
  • Miscellaneous:
    • Scrollbar. If the content is too long, you can add a scrollbar to that layer. Please remember, layer height must be set.
    • Inline mode. Activate this option if the layer shouldn’t be displayed for an inline popup. For example, you can tick this checkbox for the layer which contains a closing icon.
    • “Confirmation of subscription” layer. If you activate this feature, the layer will appear only after successful submission of subscription/contact form. You can create the “Thank you” message and show it only to successfully subscribed users. Do not forget to set the Autoclose delay parameter under Native Form Parameters section, otherwise, users won’t have enough time to read “Thank you” message.
    • Custom style. This style is applied to layer (DIV-element), but not it’s content.

Content

The purpose and functionality of the layer are defined by its content. It is recommended to be familiar with basic HTML. The following types of content are allowed:

  • Plain text.
  • HTML. If you use HTML as a layer content, you are responsible for its responsiveness. JavaScript code is not allowed!
  • Native shortcodes. The full list of supported shortcode is available below. Do not insert several shortcodes into the same layer. Only one shortcode per layer.
  • 3rd party shortcode. Pay attention, JavaScript is not allowed. If 3rd party shortcode generates JavaScript code, it may not work properly.

Below is a list of useful HTML-snippets and native shortcodes:

  • Image is inserted as regular IMG-tag. Do not add width and height attribute. If image width is greater than layer width, it will be reduced to fit layer width. So you can change image size by changing layer width.

<img src=”…” alt=”” />

Example:

<img src=”http://layeredpopups.com/layered-popups-590×300.jpg” alt=”” />

  • IFrame (YouTube video, Vimeo video, Google Maps, etc.) is inserted as is. To make it responsive, do not forget to set layer width and height and replace given iframe width and height by “100%”.

<iframe src=”…” width=”100%” height=”100%”></iframe>

Example:

<iframe width=”100%” height=”100%” src=”https://www.youtube.com/embed/ShFAeNdiEiA” frameborder=”0″ allowfullscreen></iframe>

  • Close icon is inserted as the following HTML-code. The important part of these snippets is onclick handler: onclick=”return ulp_self_close();” and onclick=”return ulp_close_forever();”. It runs JavaScript function called ulp_self_close() and ulp_close_forever(), which closes popup.

<a href=”#” onclick=”return ulp_self_close();”>×</a>

If you want to use image icon:

<a href=”#” onclick=”return ulp_self_close();”><img src=”http://url-of-closing-icon-goes-here” alt=”” /></a>

If you want to close popup for 5 days:

<a href=”#” onclick=”return ulp_close_forever(5);”>Close Popup</a>

If you want to close popup forever:

<a href=”#” onclick=”return ulp_close_forever();”>Close Forever</a>

  • Linked button. Linked button is a regular button, which redirects users to certain links, when they click it. The plugin goes with several pre-defined buttons (different colors). Button size, font and text settings are inherited from layer parameters.
  • <a href=”#” class=”ulp-link-button ulp-link-button-red”>Hi, I’m red button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-blue”>Hi, I’m blue button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-green”>Hi, I’m green button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-yellow”>Hi, I’m yellow button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-orange”>Hi, I’m orange button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-pink”>Hi, I’m pink button.</a>
  • <a href=”#” class=”ulp-link-button ulp-link-button-black”>Hi, I’m black button.</a>

Example:

<a href=”http://google.com/” target=”_blank” class=”ulp-link-button ulp-link-button-green”>Open Google</a>

The following native shortcodes are related to subscription/contact form elements (input fields, reCAPTCHA and submit button). Input fields and submit button inherit size, font and text settings from layer parameters. All other parameters are configured at Native Form Parameters section on popup editor page. Use only one native shortcode per layer.

  • E-mail field.
  • {subscription-email}
  • Name field.

{subscription-name}

  • Phone # field.

{subscription-phone}

  • Message field.

{subscription-message}

  • Submit button. Submit button is mandatory for all subscription/contact forms.

{subscription-submit}

Although the submit button has flexible configuration (at Native Form Parameters section on popup editor page), you also can use the custom button or even image as a submit button. Use snippet below. The important part of this snippet is click handler: onclick=”return ulp_subscribe(this);”. It runs JavaScript function called ulp_subscribe(this), which submit form data to a server.

<a href=”#” onclick=”return ulp_subscribe(this);”><img src=”…” /></a>

  • reCAPTCHA. This shortcode is available only if you activated reCAPTCHA on the Settings page. Also, don’t forget to tick the checkbox “reCAPTCHA is mandatory” at Native Form Parameters section on the popup editor page.

{recaptcha}

  • Custom fields. Custom fields are available only if you activated Custom Fileds module on Advanced Settings page. After activation, you can create custom fields at the Custom Fields section on the popup editor page. Each custom field has its own unique native shortcode.

{custom-field-XXXX}

The following native shortcodes are related to social buttons (Facebook Like, Google +1, Twitter Tweet and LinkedIn Share). They are available with Social Buttons module activated (on Advanced Settings page). After activation this module, please check the Social Buttons Settings section on the Settings page and Social Buttons Parameters section on the popup editor page.

  • All social buttons. Display all social buttons in a single line.

{social-panel}

  • Facebook Like. Display Facebook Like button.

{social-facebook-like}

  • Google +1. Display the Google +1 button.

{social-google-plusone}

  • Twitter Tweet. Display the Twitter Tweet button.

{social-twitter-tweet}

  • LinkedIn Share. Display the LinkedIn Share button.

{social-linkedin-share}

The following native shortcodes are related to Subscribe with Social Media feature. They are available with Subscribe with Social Media module activated (on Advanced Settings page). After activation this module, please check the Social Media API Settings section on the Settings page and “Subscribe with Social Media” Parameters section on the popup editor page. Buttons inherit size, font and text settings from layer parameters.

  • Subscribe with Facebook. Display “Subscribe with Facebook” button.

{subscription-facebook}

  • Subscribe with Google. Display “Subscribe with Google” button.

{subscription-google}

 

Custom style

Each layer has a custom style parameter. It is applied to layer (DIV-element), but not to its content. Using this parameter requires some CSS knowledge. Below are several useful snippets.

  • Shadow. If you want to add shadow to the layer, use the following snippet. Play with box-shadow property to adjust the shadow. More details here.

box-shadow: 0 4px 20px #202020;

  • Round corners. If you want to add round corners to the layer, use the following snippet. Play with border-radius property to adjust the corners. More details here.

border-radius: 5px;

  • Padding. If you want to add padding to the layer, use the following snippet. Play with padding property to adjust the padding. More details here.

padding: 5px 10px;

You can combine snippets in one line. Example:

box-shadow: 0 4px 20px #202020; padding: 5px 10px;

Native Form Parameters

You can add form elements (input fields and submit button) to pop up, using native shortcodes, described in the chapter above (“Layers”). Input fields and submit button inherit size, font and text settings from layer parameters. All other parameters are configured at Native Form Parameters section on the popup editor page. There are the following parameters:

  • “Name” field placeholder. It specifies a short hint that describes the expected value of the “Name” input field. Placeholder is displayed in the “Name” input field before the user enters a value.
  • “Name” field is mandatory. Activate this option to set the “Name” input field as required. Users will not be able to send the form with empty field value.
  • “Phone #” field placeholder. It specifies a short hint that describes the expected value of the “Phone #” input field. Placeholder is displayed in the “Phone #” input field before the user enters a value.
  • “Phone #” field is mandatory. Activate this option to set the “Phone #” input field as required. Users will not be able to send the form with empty field value.
  • “Phone number” mask. Select the desired phone field mask. You can select one of the pre-defined masks or set custom mask. For more details please visit jQuery Mask plugin page.
  • “Message” text area placeholder. It specifies a short hint that describes the expected value of the “Message” text area. Placeholder is displayed in the “Message” text area before the user enters a value.
  • “Message” text area is mandatory. Activate this option to set the “Message” input field as required. Users will not be able to send the form with empty field value.
  • “E-mail” field placeholder. It specifies a short hint that describes the expected value of the “E-mail” input field. Placeholder is displayed in the “E-mail” input field before the user enters a value.
  • “E-mail” field is mandatory. Activate this option to set the “E-mail” input field as required. Users will not be able to send the form with empty field value.
  • “Submit” button label. The label is displayed on the “Submit” button.
  • “Loading” button label. The label is displayed on the “Submit” button while sending data to the server.
  • Button icon. The icon is displayed on the “Submit” button near the label. This parameter is available if “Font Awesome” activated on the Settings page.
  • Button color. The color of the button.
  • Button size. Activate this option to allow a button to inherit layer size. Applied to “Submit” and “Subscribe with Social Media” buttons.
  • Button border-radius. The radius of corners of the button. Applied to “Submit” and “Subscribe with Social Media” buttons.
  • Button CSS. A custom style of the button. Applied to “Submit” and “Subscribe with Social Media” buttons.
  • Button:hover CSS. A custom style of the button, when the mouse pointer is over it. Applied to “Submit” and “Subscribe with Social Media” buttons.
  • Input field border color. The border color of input fields and text areas. Applied to all basic and custom fields.
  • Input field border width. The border color of input fields and text areas. Applied to all basic and custom fields.
  • Input field border-radius. The radius of corners of input fields and text areas. Applied to all basic and custom fields.
  • Input field background color. The background color of input fields and text areas. Applied to all basic and custom fields.
  • Add icons to input fields. Activate this feature to add an icon to input fields. Applied to all basic and custom fields. This parameter is available if “Font Awesome” activated on the Settings page.
  • Input field background opacity. This is an input field background transparency level. The value must be in a range [0…1]. 0 – is invisible. 1 – not transparent. Applied to all basic and custom fields.
  • Input field CSS. A custom style of the button. Applied to all basic and custom fields.
  • reCAPTCHA theme. Two themes are available: dark and light. This parameter is available if reCAPTCHA activated on the Settings page.
  • reCAPTCHA is mandatory. Activate this option to set reCAPTCHA as required. Users will not be able to send the form without reCAPTCHA check.
  • Autoclose delay. When subscription/contact form is successfully submitted, the popup will be automatically closed after this delay. This parameter is useful to display “Thank you” message after successful subscription. Also, check the parameter “Confirmation of subscription” layer at “Layers” chapter.
  • Redirect URL. When subscription/contact form is successfully submitted, the user will be redirected to this URL. Leave blank to stay on the same page.
  • Thanksgiving popup. When subscription/contact form is successfully submitted, thanksgiving popup will be automatically displayed. It is an alternative to the “Thank you” message.
  • Cookie lifetime. When subscription/contact form is successfully submitted, the cookie is set to avoid further appearance. This is cookie lifetime. The parameter applies to event popups only.

Custom Fields

The plugin has a feature to use custom fields with subscription/contact form (activate Custom Fields module on Advanced Settings page). The following field types are supported: text field, text area, drop-down list, checkbox, and date picker. You can create a custom field by clicking “Add Custom Field” button at Custom Fields section on the popup editor page. Each custom field has appropriate shortcode like:

{custom-field-XXXX}

Use it to add the field into a layer.

Important! By default date picker is disabled. To enable it, please go to the General Settings page and activate it under Custom Fields Global Settings section (this section appears when you activate the Custom Fields module on Advanced Settings page).

Social Buttons

The following social buttons can be used with the popup: Facebook Like, Google +1, Twitter Tweet and LinkedIn Share. They are added to the popup as an appropriate native shortcode (check Content paragraph of Layers chapter for a full list of social related shortcodes). To enable Social Buttons, activate Social Buttons module on the Advanced Settings page. After the module activated, check Social Buttons Settings section on General Settings page and configure the following parameters at the Social Buttons Parameters section on popup editor page:

  • URL to share/like/etc. The URL attached to social buttons. This URL will be shared/liked/etc. Leave the field blank if you wish to share the current URL (where the popup is displayed).
  • Social Buttons. This parameter is related to {social-panel} shortcode only. The shortcode displays all social buttons in a single line and you can decide which buttons must be included in that line.
  • Button left/right margin. This parameter is related to {social-panel} shortcode only. The shortcode displays all social buttons in a single line and you can set left/right margin for each button.

Subscribe with Social Media

Together with native subscription form the popup may have “Subscribe with Facebook” and “Subscribe with Google” buttons. When a user clicks such button, the popup takes his/her name and e-mail from the appropriate social account. This function is useful for lazy people who don’t want to complete a subscription form and prefer to click a couple of buttons. “Subscribe with Facebook” and “Subscribe with Google” buttons are added to the popup as an appropriate native shortcode (check Content paragraph of Layers chapter for the full list of social related shortcodes). To enable this feature, activate Subscribe with Social Media module on the Advanced Settings page. After the module activated, check Social Media API Settings section on General Settings page (read appropriate chapter in this documentation) and configure the following parameters at “Subscribe with Social Media” Parameters section on popup editor page:

  • Facebook Button label. The label is displayed on the “Subscribe with Facebook” button.
  • Facebook Button color. The color of the “Subscribe with Facebook” button.
  • Google Button label. The label is displayed on the “Subscribe with Google” button.
  • Google Button color. The color of “Subscribe with Google” button.

Buttons inherit size, font and text settings from layer parameters.

Double Opt-In Parameters

This section is located at Mailing Tab of popup editor.

If the popup has a subscription/contact form, you can use a double opt-in feature. It means that users must confirm their e-mail addresses to be considered as subscribed. How does it work?

  1. A user submits subscription/contact form.
  2. The plugin sends an e-mail message with a confirmation link.
  3. A user receives an e-mail message and clicks the confirmation link.
  4. E-mail is considered “confirmed”.

This section has the following parameters:

  • Enable double opt-in. Tick checkbox to enable double opt-in.
  • Subject. Subject of e-mail confirmation message.
  • Message. The tempate of e-mail confirmation message. You can use the same native shortcodes related to subscription/contact form fields: {subscription-email}{subscription-name}, etc. (check Content paragraph of Layers chapter for full list of form related shortcodes). Shortcodes are replaced by values of appropriate fields. Also the following technical shortcodes are available in message field:
    • {ip} – the user’s IP-address;
    • {user-agent} – the user’s User Agent;
    • {url} – the URL, where subscription/contact form was submitted;
    • {popup} – the title of the popup, where subscription/contact form was submitted;
    • {popup-id} – the ID of the popup, where subscription/contact form was submitted.
    • {confirmation-link} – the URL of confiramtion link. This shortcode is mandatory!
  • Thanksgiving message. This message is displayed when users successfully confirmed their e-mail addresses. You can use the same shortcodes as for “Message” parameter.
  • Thanksgiving URL. This is an alternate way of Thanksgiving message. After submission subscribers are redirected to this URL.

A confirmation message is sent as Text/Html, UTF-8 encoded message, so you can use HTML in the message template.

Admin Notification

If the popup has subscription/contact form, you can configure it to send a notification to the administrator by e-mail. To enable this option, activate the Admin Notification module on the Advanced Settings page. After the module activated, check Mailing Settings section on General Settings page and configure the following parameters at the Admin Notification Parameters section on popup editor page (Mailing Tab):

  • Enable mailing. Tick checkbox to enable admin notification for that pop up.
  • Admin e-mail address. Set admin e-mail address. You can set several e-mail addresses, separated by a comma.
  • Subject. The subject of the admin notification message.
  • Message. The tempate of notification message. You can use the same native shortcodes related to subscription/contact form fields: {subscription-email}{subscription-name}, etc. (check Content paragraph of Layers chapter for full list of form related shortcodes). Shortcodes are replaced by values of appropriate fields. Also the following technical shortcodes are available in message field:
    • {ip} – the user’s IP-address;
    • {user-agent} – the user’s User Agent;
    • {url} – the URL, where subscription/contact form was submitted;
    • {popup} – the title of the popup, where subscription/contact form was submitted;
    • {popup-id} – the ID of the popup, where subscription/contact form was submitted.

The admin notification message is sent as Text/Html, UTF-8 encoded message, so you can use HTML in the message template.

Welcome E-mail

If the popup has subscription/contact form, you can configure it to send a welcome e-mail message to the user who submitted the form. To enable this option, activate Welcome Mail module on the Advanced Settings page. After the module activated, check Mailing Settings section on General Settings page and configure the following parameters at Welcome E-mail Parameters section on popup editor page (Mailing Tab):

  • Enable mailing. Tick checkbox to enable welcome e-mail for that pop up.
  • Subject. The subject of the welcome e-mail message.
  • Message. The template of the welcome e-mail message. You can use the same native shortcodes related to subscription/contact form fields: {subscription-email}{subscription-name}, etc. (check Content paragraph of Layers chapter for full list of form related shortcodes). Shortcodes are replaced by values of appropriate fields. Also, the following technical shortcodes are available in the message field:
    • {ip} – the user’s IP-address;
    • {user-agent} – the user’s User Agent;
    • {url} – the URL, where subscription/contact form was submitted;
    • {popup} – the title of the popup, where subscription/contact form was submitted;
    • {popup-id} – the ID of the popup, where subscription/contact form was submitted.

The welcome e-mail message is sent as Text/Html, UTF-8 encoded message, so you can use HTML in the message template.

Marketing Services Integration

The plugin has integration with 86 newsletter and email marketing providers: Acelle Mail, ActiveCampaign, ActiveTrail, AgileCRM, Arigato Pro, AvangEmail, AWeber, Benchmark, Campaign Monitor, Campayn, CleverReach, Constant Contact, Conversio, ConvertKit, Customer.io, Direct Mail for Mac OS X, dotmailer, Drip, E-goi, EasySendy Pro, Elastic Email, EmailOctopus, Emma, E-newsletter by WPMU DEV, eSputnik, FireDrum, Follow-Up Emails, FreshMail, GetResponse, HubSpot, iContact, Interspire, Jetpack Subscriptions, KIRIM.EMAIL, Klaviyo, Klick Tipp, Mad Mimi, Mailautic, Mailbox Marketing, MailChimp, MailerLite, Mailigen, MailJet, MailKitchen, Mailleader, MailPoet (WYSIJA), Mailrelay, Mailster (MyMail), MailWizz, Market Hero, Mautic, Moosend, MPZ Mail, Mumara, MyNewsletterBuilder, Omnisend, Ontraport (Office Auto Pilot), Perfit, Pipedrive, Rapidmail, RocketResponder, SALESmanago, SG Autorepondeur, SalesAutoPilot (MailMaster), Sendloop, SendGrid, SendPress, SendPulse, SendReach, SendinBlue, Sendlane, Sendy, SimplyCast, SqualoMail, StampReady, StreamSend, Subscribe2, The Newsletter Plugin, TotalSend, Tribulant Newsletters, UniSender, UserEngage, Vision6, Your Mailing List Provider (YMLP), Zoho Campaigns, Zoho CRM. To enable integration with a certain provider, you need to activate the appropriate module on Advanced Settings. After the module activated, configure appropriate parameters on the popup editor page (Integration Tab).

Integration functionality requires CURL to be activated on your server. Most hosting providers have it. If your hosting provider doesn’t have CURL, please contact their support and ask to install it.

HTML Form Integration

If your marketing provider is not supported by default, you still can integrate it with Layered Popups, using HTML-form provided by marketing provider. The main idea of such integration is to take values from popup subscription form and re-submit them as a part of 3rd party HTML-form. It is done automatically by HTML Form Integration module (must be activated on the Advanced Settings page).

After the module activated, configure appropriate parameters on the popup editor page.

  1. Tick checkbox Enable HTML Form.
  2. Paste HTML-form code, provided by marketing provider, into field HTML Form and click Connect Form button.
  3. The plugin parses HTML-code and displays its parameters: action URL, method and list of fields.
  4. Associate HTML-form fields with the popup fields. Use the same native shortcodes related to subscription/contact form fields: {subscription-email}{subscription-name}, etc. (check the paragraph of Layers chapter for full list of form related shortcodes). The plugin takes the value of the associated field and submits it as a value of 3rd party HTML-form.

3rd party form can be submitted either from client side or from the server side. Please remember! If you use plugin’s native double opt-in, 3rd party form can be submitted only from server side.

Integration functionality requires CURL to be activated on your server. Most hosting providers have it. If your hosting provider doesn’t have CURL, please contact their support and ask to install it.

Create a WordPress User

Create a new WordPress user based on data submitted through popup’s form.

To activate this feature, just tick checkbox Activate WP User Integration module on Advanced Settings page. Once activated, this module adds new section “WP User Parameters” to Popup Editor, Integration Tab. There you can configure new WP user: set user role and associate user fields with popup fields. Use the same native shortcodes related to subscription/contact form fields: {subscription-email}{subscription-name}, etc. (check the content paragraph of Layers chapter for full list of form related shortcodes). The plugin takes the value of the associated field and submits it as a value of WP user field.

This module also generates a password for newly created users. If necessary you can include password into Admin Notification E-mail and Welcome E-mail using shortcode {wpuser-password}.

Custom JavaScript Handlers

Starting version 6.15 we added option to use your own javascript-code for some popup events. It doesn’t mean that native javascript handlers are replaced by yours. It means that your javascript-code is executed together with native handlers.

To activate this feature, just tick checkbox Activate “Custom JavaScript Handlers” module on Advanced Settings page. Once activated, this module adds new tab JavaScript Handlers to popup editor. There you can put your own javascript-snippets (do not use <script>…</script>tags inside, just put regular javascript-code). At that moment you can add your javascript-code to the following popup events:

  • AfterOpen. This handler is executed when popup opened. Ignored for inline popups.
  • BeforeSubmit. This handler is executed before the popup form submitted.
  • AfterSubmitSuccess. This handler is executed when popup form successfully submitted.
  • AfterSubmitFail. This handler is executed popup when form submitted, but some errors happened.
  • AfterClose. This handler is executed when popup completely closed. Ignored for inline popups.

The following variables might be useful in your javascript-code:

  • this.element_id – ID of popup DOM element. This variable is available for all event handlers.
  • this.popup_id – popup ID (exactly the same ID that you see on Popups page in WP dashboard). This variable is available for all event handlers.
  • this.form – object, that contains values of popup form. For example, if you need use values of email, name or custom-field-xxx inside of javascript-code, get them like that this.form[’email’], this.form[‘name’] or this.form[‘custom-field-xxx’]. This variable is available for all event handlers except AfterOpen.
  • this.errors – object, that contains error description when popup form submitted, but some errors happened. This variable is available for AfterSubmitFail and AfterClose events only.
  • this.user_data – object, that can be used to store your data. This variable is available for all event handlers.

Do not use <script>…</script> tags inside (just put regular javascript-code) and make sure your javascript-code doesn’t have any syntax errors.

Using Popups

There are several ways how you can use popups on your website.

  1. To raise the popup by clicking certain element (OnClick popup), add the following onclick handler to that element:

onclick=”return ulp_open(‘OBJECT_ID’);”

OBJECT_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign ID taken form relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”).
Example:

<a href=”#” onclick=”return ulp_open(‘OBJECT_ID’);”>Raise the popup</a>

  1. To raise the popup by clicking link or attach it to main menu item (OnClick popup), just use the following URL:

#ulp-OBJECT_ID

or

#ulpx-OBJECT_ID

OBJECT_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign ID taken form relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”).
Example:

<a href=”#ulp-OBJECT_ID”>Raise the popup</a>

If you want to raise different popup for desktops/laptops/tablets and smartphones, use URL like that:

#ulp-OBJECT1_ID*OBJECT2_ID

OBJECT1_ID and OBJECT2_ID are popups ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign ID taken form relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”). OBJECT1_ID is a popup/campaign for desktops/laptops. OBJECT2_ID is a popup/campaign for mobiles.
Example:

<a href=”#ulp-OBJECT1_ID*OBJECT2_ID”>Raise the popup</a>

  1. You can raise the popup when the website loaded (OnLoad popup). There are 2 ways to do that:
    • If Targeting enabled, create OnLoad target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
    • If Targeting disabled, configure OnLoad Parameters on the Settings page to apply them site-wide, or on post/page/product editor to apply them for certain post/page/product only.
  2. You can raise the popup when users scroll down the website’s page (OnScroll popup). There are 2 ways to do that:
    • If Targeting enabled, create OnScroll target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
    • If Targeting disabled, configure OnScroll Parameters on the Settings page to apply them site-wide, or on post/page/product editor to apply them for certain post/page/product only.
  3. You can raise the popup, when users move the mouse cursor to the top edge of the browser window, assuming that he/she is going to leave the page (OnExit popup). There are 2 ways to do that:
    • If Targeting enabled, create OnExit target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
    • If Targeting disabled, configure OnExit Parameters on the Settings page to apply them site-wide, or on post/page/product editor to apply them for certain post/page/product only.
  4. You can raise the popup when users do nothing on the website for a certain period of time (OnInactivity popup). There are 2 ways to do that:
    • If Targeting enabled, create OnInactivity target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
    • If Targeting disabled, configure OnInactivity Parameters on the Settings page to apply them site-wide, or on post/page/product editor to apply them for certain post/page/product only.
  5. You can raise the popup if users use software like AdBlock (OnAdBlockDetected popup) to kindly ask them to include your website into its white list (for example). There are 2 ways to do that:
    • If Targeting enabled, create OnAdBlockDetected target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
    • If Targeting disabled, configure OnAdBlockDetected Parameters on the Settings page to apply them site-wide, or on post/page/product editor to apply them for certain post/page/product only.
  6. To embed the popup into post/page and display it as a part of their content, use the following WordPress shortcode:

POPUP_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”).
If you want to have different inline popups for desktops/tablets and smartphones, use the following WordPress shortcode:

POPUP1_ID is a popup ID that will be displayed for desktops/laptops. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”).
POPUP2_ID is a popup ID that will be displayed for mobiles. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”).

  1. If you want automatically insert inline popup at the beginning or end of post/page/product content, enable “Advanced Targeting” feature on “Advanced Settings” page and create ContentStart (inline) or ContentEnd (inline) target and make it active (drag and drop from Passive area to Active area). While creating a target, you can configure how and where it must be displayed.
  2. To embed popup as a sidebar widget, just go to WordPress’s Widget page. Drag and drop Layered Popups widget to the desired widget area and configure it.
  3. You can lock access to certain links on your website. It means that when a user clicks locked link, a popup appears. User must subscribe through this popup. Only after that link become available. You may have many different links locked by the same popup. Once it submitted all these links become available. Wrap your link (link is a <A>-tag, not URL) with shortcodes:

POPUP1_ID is a popup ID that will be displayed for desktops/tablets. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”).
POPUP2_ID is a popup ID that will be displayed for smartphones. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”). If POPUP1_ID and POPUP2_ID are the same, you can use it like:

POPUP_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”). This popup will be used for all devices: desktops/tablets/smartphones.
Example:

<a href=”https://layeredpopups.com/”>Layered Popups</a>

You can wrap paragraph or even whole content with this shortcode. In this case all links in wrapped content will be locked.

  1. Another way to lock links is to construct locking URL manually. Use this method if your link is located in an area which doesn’t support shortcodes (ex., Menu, footer, etc.).
    In general locking URL looks like:

#ulp-POPUP_ID:BASE64_ENCODED_ORIGINAL_URL

POPUP_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”).
BASE64_ENCODED_ORIGINAL_URL is an original URL encoded using base64 algorithm. There are a lot of free online services that allow to encode/decode using base64 algorithm. For example https://www.base64encode.org/.
If you want to have different popups for desktops/tablets and smartphones, use the following locking URL:

#ulp-POPUP1_ID*POPUP2_ID:BASE64_ENCODED_ORIGINAL_URL

POPUP1_ID is a popup ID that will be displayed for desktops/tablets. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”).
POPUP2_ID is a popup ID that will be displayed for smartphones. It’s taken from the relevant column on Popups page (menu “Layered Popups >> Popups”).
BASE64_ENCODED_ORIGINAL_URL is an original URL encoded using base64 algorithm. There are a lot of free online services that allow to encode/decode using the base64 algorithm. For example https://www.base64encode.org/.
Example:
Imagine that we have a popup with ID QWERTYUIOP. With this popup, we want to lock link which has URL http://website.com/path-to/file.html. Base64 encoded URL would be aHR0cDovL3dlYnNpdGUuY29tL3BhdGgtdG8vZmlsZS5odG1s and locking URL:

#ulp-QWERTYUIOP:aHR0cDovL3dlYnNpdGUuY29tL3BhdGgtdG8vZmlsZS5odG1s

Use this URL for your link.

Using Popup with non-WP pages

You can integrate popups into non-WP pages and/or 3rd party websites. REMEMBER: Plugin must be installed on WordPress! You can’t integrate popups into non-WP pages and/or 3rd party websites if the plugin is not installed and activated on WP-driven website. To enable this feature please perform the following steps:

  1. Make sure that your non-WP page (or 3rd party website) loads jQuery version 1.8 or higher.
  2. Make sure that your non-WP page has DOCTYPE. If not, add the following line as the first line of HTML-document:

<!DOCTYPE html>

  1. Go to Advanced Settings page and tick checkbox Remote Access.
  2. Go to General Settings page, find Remote Access section, copy JS-snippet and paste it into your non-WP page. You need paste it at the end of <body> section (above closing </body> tag).
  3. That’s it. Integration finished. 🙂

There are several ways how you can use popups on your non-WP pages and/or 3rd party websites.

  1. To raise the popup by clicking certain element (OnClick popup), use the same methods as described in the chapter above: Using Popups (method #1 and method #2).
  2. To raise the popup, when website loaded (OnLoad popup), add the following JS-code to your page. It must be inserted below remote.min.js.
  1. <script>
  2. ulp_add_event(“onload”, {
  3. popup:                    “OBJECT1_ID”,
  4. popup_mobile:    “OBJECT2_ID”,
  5. mode:                     “every-time”,
  6. period:                   5,
  7. delay:                    0,
  8. close_delay: 0
  9. });

</script>

As you can see function ulp_add_event(“onload”, ..) accept an object with several parameters:

    • popup, popup_mobile. Popup IDs taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign IDs taken from relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”). At least one of these parameters must be defined. Popup defined as popup_mobile will be displayed on smartphones only.
    • mode. Select how often OnLoad popup must be displayed. You can use one of the following values:
      • every-time. The popup is displayed every time until the user has submitted a subscription form.
      • once-session. The popup is displayed once per session until the user has submitted a subscription form. A session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
      • once-period. The popup is displayed once per X days (defined as a period parameter) until the user has submitted a subscription form.
      • once-only. The popup is displayed only once.
      • none. The popup will never be displayed.
    • period. Set period (in days) when a mode is set as once-period. This parameter is ignored in all other cases.
    • delay. The popup can be displayed with a certain delay when the page loaded. This parameter defines delay (in seconds).
    • close_delay. The popup can be automatically closed after a certain delay. This parameter defines delay (in seconds). Set 0 (zero) or omit parameter to disable this feature.

Example 1. You want to display a popup with ID yoZ8KupKSHejiwyZ once per session, without delays and for all kind of devices (desktops, tablets, smartphones).

<script>

ulp_add_event(“onload”, {

popup:                    “yoZ8KupKSHejiwyZ”,

mode:                     “once-session”

});

</script>

Example 2. You want to display popup with ID yv4RG8hfkSBb4up9 for smartphones only, every time, with start delay 10 seconds and without autoclosing feature.

<script>

ulp_add_event(“onload”, {

popup_mobile:    “yv4RG8hfkSBb4up9”,

mode:                     “every-time”,

delay:                    10

});

</script>

Please rememeber, you can use ulp_add_event(“onload”, ..) only once per page. If you insert it several times with different parameters, only last one will work.

  1. To raise the popup, when user scroll down the website’s page (OnScroll popup), add the following JS-code to your page. It must be inserted below remote.min.js.
  1. <script>
  2. ulp_add_event(“onscroll”, {
  3. popup: “OBJECT1_ID”,
  4. popup_mobile: “OBJECT2_ID”,
  5. mode: “every-time”,
  6. period: 5,
  7. offset: “600”
  8. });

</script>

As you can see function ulp_add_event(“onscroll”, ..) accept an object with several parameters:

    • popup, popup_mobile. Popup IDs taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign IDs taken from relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”). At least one of these parameters must be defined. Popup defined as popup_mobile will be displayed on smartphones only.
    • mode. Select how often OnScroll popup must be displayed. You can use one of the following values:
      • every-time. The popup is displayed every time until the user has submitted a subscription form.
      • once-session. The popup is displayed once per session until the user has submitted a subscription form. A session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
      • once-period. The popup is displayed once per X days (defined as a period parameter) until the user has submitted a subscription form.
      • once-only. The popup is displayed only once.
      • none. The popup will never be displayed.
    • period. Set period (in days) when a mode is set as once-period. This parameter is ignored in all other cases.
    • offset. The popup is displayed when the user scrolls down to this number of pixels. If you want this value to be in %, just add % symbol, like this: offset: “80%”.

Please remember, you can use ulp_add_event(“onscroll”, ..) only once per page. If you insert it several times with different parameters, only the last one will work.

  1. To raise the popup, when a user moves the mouse cursor to the top edge of the browser window, assuming that he/she is going to leave the page (OnExit popup), add the following JS-code to your page. It must be inserted below remote.min.js.
  1. <script>
  2. ulp_add_event(“onexit”, {
  3. popup: “OBJECT_ID”,
  4. mode: “every-time”,
  5. period: 5
  6. });

</script>

As you can see function ulp_add_event(“onexit”, ..) accept an object with several parameters:

    • popup. Popup ID taken from the relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign ID taken from the relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”).
    • mode. Select how often OnExit popup must be displayed. You can use one of the following values:
      • every-time. The popup is displayed every time until the user has submitted a subscription form.
      • once-session. The popup is displayed once per session until the user has submitted a subscription form. A session is a browser’s session. Usually, the session ends when the user close browser. Sometimes it ends when the user reboots PC.
      • once-period. The popup is displayed once per X days (defined as a period parameter) until the user has submitted a subscription form.
      • once-only. The popup is displayed only once.
      • none. The popup will never be displayed.
    • period. Set period (in days) when a mode is set as once-period. This parameter is ignored in all other cases.

Please remember, you can use ulp_add_event(“onexit”, ..) only once per page. If you insert it several times with different parameters, only the last one will work.

  1. To raise the popup, when the user does nothing on the website for a certain period of time (OnInactivity popup), add the following JS-code to your page. It must be inserted below remote.min.js.
  1. <script>
  2. ulp_add_event(“onidle”, {
  3. popup: “OBJECT1_ID”,
  4. popup_mobile: “OBJECT2_ID”,
  5. mode: “every-time”,
  6. period: 5,
  7. delay: 60
  8. });

</script>

As you can see function ulp_add_event(“onidle”, ..) accept an object with several parameters:

    • popup, popup_mobile. Popup IDs taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign IDs taken from relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”). At least one of these parameters must be defined. Popup defined as popup_mobile will be displayed on smartphones only.
    • mode. Select how often OnInactivity popup must be displayed. You can use one of the following values:
      • every-time. The popup is displayed every time until the user has submitted a subscription form.
      • once-session. The popup is displayed once per session until the user has submitted a subscription form. A session is a browser’s session. Usually, the session ends when the user close the browser. Sometimes it ends when the user reboots PC.
      • once-period. The popup is displayed once per X days (defined as a period parameter) until the user has submitted a subscription form.
      • once-only. The popup is displayed only once.
      • none. The popup will never be displayed.
    • period. Set period (in days) when the mode is set as once-period. This parameter is ignored in all other cases.
    • delay. The popup is displayed after this period of user’s inactivity (in seconds).

Please remember, you can use ulp_add_event(“onidle”, ..) only once per page. If you insert it several times with different parameters, only the last one will work.

  1. To raise the popup, when AdBlock detected (OnAdBlockDetected popup), add the following JS-code to your page. It must be inserted below remote.min.js. Please notice, this is an experimental feature and can be deleted in future releases.
  1. <script>
  2. ulp_add_event(“onabd”, {
  3. popup: “OBJECT1_ID”,
  4. popup_mobile: “OBJECT2_ID”,
  5. mode: “every-time”,
  6. period: 5
  7. });

</script>

As you can see function ulp_add_event(“onabd”, ..) accept an object with several parameters:

    • popup, popup_mobile. Popup IDs taken from relevant column on Popups page (menu “Layered Popups >> Popups”), or A/B campaign IDs taken from relevant column on A/B Campaigns page (menu “Layered Popups >> A/B Campaigns”). At least one of these parameters must be defined. Popup defined as popup_mobile will be displayed on smartphones only.
    • mode. Select how often OnAdBlockDetected popup must be displayed. You can use one of the following values:
      • every-time. The popup is displayed every time until the user has submitted a subscription form.
      • once-session. The popup is displayed once per session until the user has submitted a subscription form. A session is a browser’s session. Usually, the session ends when user close browser. Sometimes it ends when the user reboots PC.
      • once-period. The popup is displayed once per X days (defined as a period parameter) until the user has submitted a subscription form.
      • once-only. The popup is displayed only once.
      • none. The popup will never be displayed.
    • period. Set period (in days) when a mode is set as once-period. This parameter is ignored in all other cases.

Please remember, you can use ulp_add_event(“onabd”, ..) only once per page. If you insert it several times with different parameters, only the last one will work.

  1. To embed the popup into page and display it as a part of its content, use the following HTML shortcode:

<div class=”ulp-inline” data-id=”POPUP_ID”></div>

POPUP_ID is a popup ID taken from relevant column on Popups page (menu “Layered Popups >> Popups”).

  1. To lock certain link, use the same method as described in the chapter above: Using Popups (method #10).

Popups Library

All subscribers have access to online Popups Library directly from WP dashboard (menu “Layered Popups >> Popups Library”). They can import any popup into Popups list and use it.

A/B Campaigns

With this plugin, you can create A/B campaigns to perform A/B tests. All A/B campaigns can be reached through the menu “Layered Popups >> A/B Campaigns”. Each A/B campaign can be used the same way as regular popup (OnClick, OnLoad, OnExit, OnScroll, and OnInactivity), so please read “Using Popups” chapter in this documentation.

List of campaigns is organized as a table with several columns:

  • Title. The title of A/B campaign is used for your own reference.
  • ID. This unique Campaign ID is used to identify popup when using it as OnClick popup.
  • Popups. The number of popups included in the campaign.
  • Submits. If popups have subscription/contact form, this column shows how many times the form was submitted.
  • Impressions. This column shows how many times popups were displayed.
  • Operations/actions. You can perform several actions for each popup by clicking the appropriate icon.
    • Edit campaign. Click an icon to edit the campaign.
    • Show campaign statistics. Click an icon to view campaign statistics. It displays a number of impressions, submissions, and CTR for each popup in A/B campaign.
    • Block campaign. Disable campaign. Once blocked, the campaign can’t be used on the website.
    • Unblock campaign. Enable campaign. Once unblocked, the popup can be used on the website.
    • Drop counters. Clear counter for all popups in the campaign.
    • Delete popup. Remove popup from the list.

To create A/B campaign, use campaign editor (menu: “Layered Popups >> Create Campaign”). On that page, you need complete campaign’s title and select popups that you want to include into a campaign. You can use campaign the same ways as regular popup (OnClick, OnLoad, OnExit, OnScroll, and OnInactivity), so please read “Using Popups” chapter in this documentation.

Targeting

Starting version 6.10 we improved the flexibility of settings related to how and where to display popups. We call it “Targeting”. To enable this feature just tick the checkbox “Advanced Targeting” on Advanced Settings page. After activation, all targets can be reached through the menu “Layered Popups >> Targeting”.

While creating target you need to answer several simple questions: HOW, WHAT, WHEN and WHERE:

  1. First of all, decide HOW the popup must be displayed. By other words, you need to choose what event will trigger the popup. It can be OnLoad, OnScroll, OnExit, OnInactivity, OnAdblockDetected, ContentStart (inline), ContentEnd (inline) events.
  2. The second step is to choose popups that will be displayed for the event selected on the first step. For better user experience you can choose popups for desktops/laptops and mobiles separately.
  3. After that choose dates and user roles for your target (if necessary).
  4. And finally, choose a part of website WHERE you want to see the popup. It can be on posts/pages/products and even any custom post types filtered by any available taxonomies.

All targets are combined into 2 groups: active and passive. Active targets are currently applied to the website. Passive is passive. You can easily drag and drop targets from one group to another.

Active targets can be sorted (use the mouse to sort them). The upper target in the group, the higher priority it has. What is the priority and why it is necessary? The answer is simple. If a certain page match to several targets simultaneously, then target with higher priority will be applied to this page.

If Targeting is activated, event settings on General Settings page and meta boxes for posts/pages/etc. are disabled, because their functionality is covered by Targeting. If you want them back, just disable Advance Targeting on Advanced Settings page.

Log

Users, who submit subscription/contact form, are stored in a local database. Entries in the database contain values of basic and custom fields as well as some technical information: users IP, user agent and URL where the form was submitted. This info can be exported as CSV-file for further analysis. The log can be reached through the menu “Layered Popups >> Log”.

List of subscribers is organized as a table with several columns:

  • Name. The name of the subscriber.
  • E-mail. The e-mail address of the subscriber.
  • Popup. The title of popup where the form was submitted.
  • Created. The time when the form was submitted. This is server time.
  • Operations/actions. You can perform several actions for each popup by clicking the appropriate icon.
    • View details. View the full list of users data.
    • Delete record. Remove a record from the list.

At the bottom of the list, you can find buttons “Delete All Records” and “CSV Export”. The purpose of these buttons is obvious. 🙂

Menu