1. Home
  2. Docs
  3. XYZ Popup
  4. User Guide
  5. Full Page Popup

Full Page Popup

The full screen popup will display the content in a full page. You need to close this full screen popup to continue with the main site.
The settings for the Full Screen Popup are given below.
While creating a full page/ full screen popup, enter the name of the popup and select the display layout “Full Screen Popup”
XYZ Popup-Fullpage
Content
You can add the full screen popup content here.
XYZ Popup-Full screen content
Show referrer messages? yes/no : To show referrer messages in Full Screen Popup, select ‘yes’. Otherwise, select ‘No’.
Content : Enter your Full Screen Popup content here.
Display Logic Settings
This section allows you to select the Full Screen Popup display logic.
We can display the Full Screen Popup based on delay, number of pages browsed or both.
Full Screen Popup display logic – This is the logic, how to display the Full Screen Popup in our webpages.
There are 3 options.
1. Based on delay
XYZ Popup-Fullpage display 1
In the “Based on delay” logic, the Full Screen Popup will appear after a 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 Full Screen Popup will appear without any delay.
2. Based on number of pages browsed
XYZ Popup-Fullpage display 2
In the “Based on number of pages browsed” logic, the Full Screen Popup will appear after the user browsing some pages entered in “Number of pages to browse before rendering”.
3. Based on Both
XYZ Popup-Fullpage display 3
In the “Based on both” option, the Full Screen Popup will appear after a particular delay and after the user browsed some pages.
Also if the full screen popup content is larger than the window, we can hide the extra content or allow a scrollbar.
You can select your option for “If content is larger than window?”
XYZ Popup-Fullpage display 4
Target Device – You can target the full page popup in your website for users using different devices. The possible devices are desktop/laptop and mobile/tablet. You can select the target devices here.
If you have selected all devices, the popup will display if viewed from all these devices.
Display trigger – We can display the Full Screen Popup on loading of the page or when clicking a location/element in a page.
When we select “On Load”, the Full Screen Popup will appear when the loading of the page completed like in the free version.
If the selected trigger is “On Click”, the Full Screen Popup will appear only when the user click on the page based on the trigger element.
XYZ Popup-Fullpage display 5
There is an option Display onclick trigger method.
You can select any one of the options here, “on first click” or “on every click”.
If you selected the value “on first click”, the Full Screen Popup will appear only on the first click in the element.
If the selected option is “on every click”, the Full Screen Popup will appear on every click on the element.
Trigger Element– If you leave this empty, Full Screen Popup will trigger when anyone clicks on body.
Otherwise you can specify the element which when clicked must trigger Full Screen Popup.
You can specify any of the formats given below.
tagname => eg: img
classname => eg: .myclass
id => eg: #myid
If you are using a tag name, the Full Screen Popup will triggered when the user clicked on the element with the tagname.
The same is with the class and id.
Repeat interval for a user – This is the Full Screen Popup repeat interval. If you want to display the popup after 30 minutes from the first display, you can enter that value here.
If this value is 0(zero), the Full Screen Popup will appear on every trigger.
 XYZ Popup-Close button
Close button Image – You can upload a close button image here.
The close button option is mandatory for full page popups.
Close button appearance position – There are 4 positions for displaying the close button.
Top right, top left, bottom right and bottom left. You can select one position from the dropdown menu.
Display as iframe – We can display the Full Screen Popup in iframe or in the same page.
If you are using the iframe, any link in the Full Screen Popup or buttons will open in the same Full Screen Popup.
To open a link in a window outside the Full Screen Popup or to use a social media button, please disable the iframe display.
Style Settings
Here we can select the style of the Full Screen Popup.
XYZ Popup-Fullpage style
Z index – Z index determines whether the Full Screen Popup display under or above the pages.
As the value of z index increases, the Full Screen Popup become on top(above) of all page contents.
Background color – We can select the Full Screen Popup content background using a color picker.
Popup Opacity (0-100) – This is the opacity level of the popup. If the value of opacity is ’0′, the popup should be a transparent one. If the value is ’100′, the popup should be opaque.
Border color – This is the color of the Full Screen Popup border.
Border width – We can set the width/thickness of the Full Screen Popup border here.
Was this article helpful to you? Yes No