There are several settings that you’ll need to set when you are creating a new pop-up. Below is a basic set up to have your pop-up appear on the homepage of your website.
Triggers
Triggers are what cause your pop-up box to open. Click the blue “Add New Trigger” button. In the dropdown, select Time Delay/Auto Open. You can now select how long of a delay you’d like before you pop-up opens. By default, it will be set to 500 milliseconds.
(It will also ask if you want to set up a Cookie. See below for those details. You can also set this up later.)
Cookies
Cookies tell your website if a pop-up box should open when/if a user should revisit your website. A good, basic popup will have the cookie set to “On Popup Close”. You can also adjust how long the cookie stays on your visitor’s computer (as long as your visitor doesn’t clear their browsing history). By default, the cookie will be set to 1 month. You can change this to a unit of time. The unit of time has to be entered as one of the following terms:
- seconds
- minute(s)
- hour(s)
- day(s)
- month(s)
- year(s)
Once you have your Trigger & Cookie set, you need to go back and edit your Trigger to associate it with the Cookie.
Targeting
Targeting tells the pop-up where to show on your website. By default, the pop-up will appear on every page. Note: this can be distracting for viewers, it is our recommendation for it to appear on a specific page or post. The most common place is on the homepage.
This plugin also allows you to turn off the pop-up on mobile or tablet devices.
Display
Appearance
Our recommendation is that you use the “Light Box” theme as this is what has been set up to be styled specifically to your website.
Size
Our recommendation for lightbox size is to set it up to be “Medium – 60%”. This allows for the text to be readable, but also have the pop-up box be not too big on desktop screens.
You do have the capability to set specific sizes by percentage or pixels if you need to.
Animation
This animation is how the pop-up first appears on your website. There are 3 different options with a couple of different settings you can change such as speed and origin.
Slide: Pop-up slides in from an origin you select, such as “Top Center”.
Fade: Pop-up fades in from the center of the screen
Fade and Slide: Combination of both options
Position
This is the position in which you pop-up sits on your site. We recommend keeping at the default “Top Center” as this places the pop-up in a good, easy to view spot.
Close
This is how a viewer can close out of your pop-up. By default, it will be an “X”. You can choose to add custom text, but this may create issues with styling and readability. The below screenshot is what a viewer sees on the front-end of the website to close the pop-up and where the text would be added.
Once you’re all done with the Popup Settings, don’t forget to Publish