You can use Nelio Popups to show a popup to visitors viewing your site on a specific window width. This can be helpful when displaying popups on different devices.
In this article, you’ll learn how to target window widths to show your popup.
Using Window Width Condition
When you are ready to use the Window Width condition, follow these steps:
- Go to Nelio Popups » All Popups and edit the one you want.
- In the editor sidebar, go to the Settings panel, and open the Conditions tab.
- Add or modify a condition by selecting ‘Window Width’.
The following options are available for a Window Width condition:
- greater than
- less than
- between
Let’s review each option.
Greater than
When you want to display a popup in windows with a width greater than an amount of pixels, select ‘greater than’ in the condition field.
Then, set the minimum width from which the popup will be displayed, using the third field in the settings.
Less than
When you want to display a popup in windows with a width less than an amount of pixels, select ‘less than’ in the condition field.
Then, set the maximum width until which the popup will be displayed, using the third field in the settings.
Between
Finally, you can set a width range in which the popup will be displayed. To do so, select the ‘between’ option in the condition field.
Then, set the minimum and maximum widths for the range in which the popup will be displayed, using the two input fields in the settings.
After setting the condition, save the popup and then it will open if the condition is met.