­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­

Do you have full documentation?

Yes. You can find full online documentation here: https://layeredpopups.com/documentation/

How can I create my own popups?

You can find full online documentation (related creating popups) here: https://layeredpopups.com/documentation/#create-popups

How can I raise a popup?

You can find full online documentation (related using popups) here: https://layeredpopups.com/documentation/#using-popups

How can I attach a popup (or A/B campaign) to certain menu item?

Use method #2 described in this chapter of online documentation: https://layeredpopups.com/documentation/#using-popups

How can I use popups "inline"?

Use methods #8, #9, #10 described in this chapter of online documentation: https://layeredpopups.com/documentation/#using-popups

How can I add subscription form to popup?

First of all, please remember that subscription form consists of 2 mandatory elements ("e-mail" input field and "submit" button) and 3 optional elements ("name", "phone number" input fields and "message" text area). Each element has relevant shortcode:
{subscription-email} - mandatory
{subscription-submit} - mandatory
{subscription-name} - optional
{subscription-phone} - optional
{subscription-message} - optional
All you have to do is to insert shortcodes into popup layers.

Can I use custom fields on my subscription/contact form?

You can create custom fields (text fields, text areas and drop-down lists) and use them with your subscription/contact form.

  1. Go to Advanced Settings page and activate "Custom Fields" module.
  2. On popup editor page you can create your own custom fields and add them as shortcode into popup's layers.

Can I use reCAPTCHA with my form?

You can use reCAPTCHA v.2.0 with your forms.

  1. Go to Settings page and set required parameters under "reCAPTCHA Settings" section.
  2. Set "reCAPTCHA is mandatory" checkbox on popup editor page.
  3. Create layer and insert shortcode {recaptcha} into its content.
Please remember, reCAPTCHA has fixed size () and is not resized automatically.

Can I submit user's data as a part of 3rd party form?

You can do that.

  1. Go to Advanced Settings page and activate HTML Form Integration module.
  2. At the bottom of popup editor page paste your HTML-form code and press "Connect Form" button.
  3. Associate popup's fields with 3rd party form fields.

How can I organize 2-step opt-in process?

You can do it by creating 2 separate popups and open one popup from another.
Create POPUP1 and add link/button/image/etc. with onclick handler:
onclick="return ulp_open('OBJECT2_ID');"
OBJECT2_ID is a popup ID taken form relevant column on this page, or A/B campaign ID taken form relevant column on this page.
Example: <a href="#" onclick="return ulp_open('OBJECT2_ID');">Yes! I want to subscribe!</a>
Click on this element will close POPUP1 and open OBJECT2.

How can I add "close" icon to popup?

You can add and customize "close" icon as you wish. Create new layer with content like that:
<a href="#" onclick="return ulp_self_close();"><img src="http://url-to-my-wonderful-close-icon" alt=""></a>
The important part of this string is onclick handler: onclick="return ulp_self_close();". It runs JavaScript function called ulp_self_close(), which closes popup.

How can I close event popup forever?

You can add the following link into layer content:
<a href="#" onclick="return ulp_close_forever();">Close Forever</a>
The important part of the this string is onclick handler: onclick="return ulp_close_forever();". It runs JavaScript function called ulp_close_forever(), which closes popup and set cookie to prevent displaying popup on page load, on scrolling down and on exit intent.

How can I display link button?

The plugin has basic set of link buttons which can be used with popups. Example of the button: Hi, I'm orange button. Add the following HTML-code into layer content to display relevant link button:
<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>
Important: link button inherits layer size and font settings.

I inserted <IMG> tag, but image is not responsive.

Make sure that image tag does not have width and height attributes.

Can I use image as submit button?

Yes, of course: <a href="#" onclick="return ulp_subscribe(this);"><img src="..." /></a>