1. Home
  2. Lightbox Pop
  3. User Guide
  4. Lightbox Popup

Lightbox Popup

The lightbox settings are given below.

Content

Lightbox settings

Content : This is the actual content of the lightbox. You can enter anything here like text, image, subscription form, video, audio, shortcodes from other plugins etc.

We are using the WordPress default HTML editor  in the lightbox Pop plugin and so you can see the visual as well as the HTML formats of the content.

Show referrer messages?  – This option is used to show referrer messages to the users. (Available only in the premium version)

Position Settings

Here we can set the position of the lightbox in your webpages.

There are 2 options for positioning the lightbox, predefined settings and manually edit settings.

Lightbox Position Settings -predefined 1

In the predefined settings, you can select one position from the predefined 9 positions.

Lightbox Position Settings -predefined 2

You can place the lightbox in the top left corner of the webpage, on left center, on bottom left corner, on bottom center, on bottom right corner, on right center, on top right corner, on top center and the absolute center of the webpage.

Also you can set the height and width of the lightbox in percentage as well as in pixel values.

In the manually edit position setting, you can select the display position.

Lightbox Position Settings -manual edit 2

The 4 display positions in the manually edit settings are top left, top right, bottom left and bottom right.

Lightbox Position Settings -manual edit 1

For the top left position, you can set the top coordinate and left coordinate.

Top coordinate is the distance of the lightbox from top of the webpage and left coordinate is the distance from left side of the webpage.

The width and height are same as that in the predefined position settings.

Display Logic Settings

This section allows us to select the lightbox display logic.
We can display the lightbox based on delay, number of pages browsed or both.

Lightbox display logic – This is the logic how to display the lightbox in our webpages.

There are 3 options.

1. Based on delay
2. Based on number of pages browsed
3. both

In the “Based on delay” logic, the lightbox will appear after a delay.

Dialogbox - Based on delay

You can set the time for this delay.
In the section “Delay in seconds before rendering” you can enter the delay in seconds. If it is “0(zero)” the lightbox will appear without any delay.

Dialog Box Display Logic Settings - Pages Browsed

In the “Based on number of pages browsed” logic, the lightbox will appear after the user browsing some pages entered in “Number of pages to browse before rendering“.

Dialog Box Display Logic Settings - Both

In the “both” option, the lightbox will appear after a particular delay and after the user browsed some pages.

Full Screen Popup Trigger

Repeat interval for a user – This is the lightbox repeat interval. If you want to display the lightbox only after 30 minutes from the first display, you can enter that value here.
If this value is 0(zero), the lightbox will appear on every trigger.

Display as iframe – We can display the lightbox in iframe or in the same page.

If you are using the iframe, any link in the lightbox or buttons will open in the same lightbox.
To open a link in a window outside the lightbox or to use a social media button, please disable the iframe display.

Display trigger – We can display the lightbox on loading of the page or when clicking any space or a particular location  in a page or on exiting the webpage or on Mouseover. (Available only in the premium version)

Display devices – You can select the devices where you want  to display the lightbox. We can display the lightbox in desktop/PC or (and) Mobile/Tablet.  (Available only in the premium version)

Popup Closing Settings

Full Screen Popup Close modes

These are the settings used to close the lightbox.

Close Modes – We can close the popup when anyone click on the close button or when clicking on an element in the content.  (Available only in the premium version)

Auto close after timeout – Using this option we can close the lightbox automatically.  (Available only in the premium version)

Javascript Callback Settings

You can use some javascript callbacks to trigger any custom javascript code when displaying the lightbox or when closing the lightbox.

This is useful to stop a video when we close the lightbox or to autostart/continue a video when a lightbox displayed.

Javascript Callback Settings

Callback on popup display – This is the javascript callback when a popup is displaying. We can use a javascript code to resume/autostart a video when displaying the lightbox. (Available in premium version only)

Callback on popup hide – The javascript code used here will active when we close the lightbox. This can be used to stop a video when we close the lightbox. There are javascript code to stop a video and you need to use this code here to stop the video. (Available in premium version only)

Style Settings

Here we can select the style of the lightbox.

Lightbox Pop Style Settings

Z index – Z index determines whether the lightbox display under or above the web pages.
As the value of z index increases, the lightbox become on top(above) of all page contents.

Overlay image option – In the premium version you can add an image for overlay. (Available in premium version only)

Lightbox overlay image – You can upload the overlay image here. (Available in premium version only)

Lightbox overlay opacity(0-100) – This is the opacity level of the ovarlay. If the value of opacity is ‘0’, the overlay should be a transparent one. If the value is ‘100’, the overlay should be opaque.

Lightbox overlay color – We can set the overlay color here using a color picker.

Lightbox background color – We can select the lightbox background using a color picker.

Lightbox border color – This is the color of the lightbox border.

Lightbox border width – We can set the width/thickness of the lightbox border here.

Lightbox border radius – If you want a rounded corner for the lightbox, use this option. As the radius increases, the roundness also increases. Use ‘0’ for rectangular edges.

Lightbox Placement Settings

Placement mechanism – This is the mechanism we are using to add the lightbox in pages.

There are 3 placement mechanisms

1. Automatic – Here the Light box will load in all pages.

Lightbox Placement Settings- Automatic

2. Manual – If you want to display the lightbox in particular pages, use this option. Now you need to add the short code [xyz_lbx_default_code] in the pages where you want to display the lightbox.

Lightbox Pop Manual placement

3. Specific Pages – Here you can specif the pages you want to display the lightbox. You can display the lightbox in pages, posts and in home page.

Reset cookies?(for testing) – For testing purposes we need to reset the cookies. If you want to see this lightbox immediately after you make changes in any settings, you have to reset the cookies.

Tick this option to reset the cookies.

After filling these options click the “Update Settings” button to save the lightbox popup.

 

XYZ WP Popup Buy Now
★ Popup on click ★ Popup on exit ★ Popup on mouseover ★ 5 Types of Popups ★ And much more...
Was this article helpful to you? Yes No