Now, the website pop -up window seems to be ubiquitous. Almost every website you visit will pop up a pop -up window that subscribes to email lists, gets discounts or accepts GDPR supervision. We are used to seeing them, and sometimes we even annoyed them.
You may have tried to use the pop -up window on your website, but the conclusion is that they do not work. Maybe you don’t get clicks and decide that they are just not converting. Or, maybe you heard that no one uses them again due to annoying factors.
This is just partially correct. It is likely that the method you use to display the pop -up window on the website is outdated, and they are not very useful for your visitors.
There is a way to create a actually useful pop -up window on your website, and it will not let your visitors click to leave. In this tutorial, we will show you how to operate.
The pop -up window without troubles
If you tried to create a pop -up window on the WordPress website before, you will know that it feels like a gambling. Of course, there are some plug -ins that can help you create the most beautiful small pop -up window on the earth, but somehow, they just have no attractiveness.
This may be because although they look great, you can hardly control them on the page on the page The pop -up position, time and method.
Nelio Software created a plug -in to allow you to create a beautiful pop -up window and fully control their display time and method.
Nelio Popups plug -in is also completely integrated with WordPress block editor. This means that you can use the tools you are already familiar with to build an attractive and effective website pop -up window.
View Nelio pop -up window
Start using Nelio to create a pop -up window
Installation and setting
First, like installing any other WordPress Install Nelio Popups like the plug -in. You can it on WordPress.org or via your WordPress instrument board.
After installation and activation, you will be on the dashboardSee a new menu item in the sidebar. No other settings are required. Just click
Nelio Popups \u0026 gt; Add New to start.
Create a pop -up window [123 123 ] One of the advantages of using Nelio Popups is that no new interface is required. Click Add New, you will enter the block editor UI. This is where you build a pop -up window, just like you build any post or page in WordPress.
Although the editor -in -chief area looks familiar, you will notice that setting the sidebar with a tool with Nelio Popups. Here you can find all settings of the pop -up window style, location, time, etc. Let’s start with style settings, and these settings are intuitively placed in tabs with brush icons.
First, you need to create the pop -up window itself. Similarly, this is like adding blocks to posts or pages. In our example, we add a simple cover with a title text and button.
You can use the commonly used block editor tool to set the element. In the border bar, you can choose the size and location of the pop -up window. Rather than trying random choices, it is better to talk about how to make strategic decisions when designing the pop -up window.
Strategic layout and timing The most important thing you can make the pop -up window made One of the decisions is their position and time. When the visitor just enters your content, it may be very annoying to cover the entire window with a huge pop -up window. Because you have available tools, you can consider strategic considerations and sizes of the pop -up window. For example, if you want to pop up the window to appear on a specific post without preventing the content, you may want to place it in the bottom corner and make it smaller:
]
You can also choose to cancel the selection \”cover\” so that the content of the post can still be visible.
Then, in the \”Page\” tab, you can choose the page of the pop -up window:
123]
Now we have set up the pop -up window style and set the position and size. Let’s take a look at some additional settings, which will make it better.
Make your visitor relaxed
Of course, it is essential to create a beautifully pop -up window -but this is only part of the bag. You also need to ensure that it appears at the right moment and allows your visitors to close it. Let us introduce the settings of the two.
Display the pop -up window at the right time
Have you ever visited a website , Even before you enter the content, there will be a pop -up window, asking you to subscribe or click another page? This is not only annoying, but also counterproductive. You hope your website visitors can clearly understand who you are and what you provide before interrupting their interruptions.
It is easy to set up in the Nelio pop -up window. In the sidebar, navigation to the trigger tab -it is an eyeball icon. You have several triggers to choose from:
Mouse action
Page preview
Rolling offset
Time delay
Mouse action , you can choose to click or hang. You need to prepare a CSS selector in order to type in this field to make the operation take effect.
Page view The execution of the trigger is exactly the same as that sounds, no additional settings are required.
For
Scroll Offset , you only need to add the percentage of the page you viewed before appearing in the pop -up window. This is particularly convenient when you want to ensure that visitors can read your content before being interrupted.
Time delay
Similarly, you only need The amount of time in seconds in the window is added.
Using a high -end version, you can also set other advanced rules. For example, you can choose to display the pop -up window when you are not active or visitors to give up the page.
Let them close it!
Back to the style settings, you will see that you can also choose to add the closing button. It is strongly recommended to use the closed button so that the visitors can easily close the pop -up window (If this is their preference). In our example, we also added a text tag to make it more obvious.
]
Other settings
In the
constraint
tab, you will find some settings, which allows you to restrict the visitor to see the location, time, or frequency of the pop -up window. They make options self -evident and easy to understand.
Under
Advanced
, you can choose options such as Close on Esc, Close on Outside Click and Lock Body Scroll.
Create the pop -up window and configure all the settings, give it a title, activate it, then click on The top blue
saves
button.
You will be able to view and edit any saved pop -up window from the NELIO pop -up window menu of the instrument board.
Completely control your website pop -up window
The pop -up window part of the actual conversion website is about design, mainly about when, where, and how to appear.
Nelio Popups plug -in can be ed, installed and used for free 100%. The free version provides some very powerful tools. There is also a high -end version that provides you with advanced features, such as advertising interception detection, exit intent, and advanced support.
Try the NELIO pop -up window immediately
We hope this tutorial can make you create a stunning pop -up window on the WordPress website Essence
If you have struggled with the pop -up window in the past, please comment below.
One of the advantages of using Nelio Popups is that no new interface is required. Click Add New, you will enter the block editor UI. This is where you build a pop -up window, just like you build any post or page in WordPress. 
First, you need to create the pop -up window itself. Similarly, this is like adding blocks to posts or pages. In our example, we add a simple cover with a title text and button. 
