What do you think of when you think of the pop -up window? Bad people, isn’t it? No, from now on, as a online professionals, you will have to think in different ways. Because the concept of Popup has changed a lot in recent years.
The use of pop -up window is now an important method to increase conversion rate. According to the recent statistics of Optimonk, the average conversion rate of pop -up windows exceeds 11.1%.
So, how to create a pop -up window on WordPress and how to effectively apply it? Can it be done for free? do not worry. We have provided you with a guarantee.
In this article, we will show you two methods to create a pop -up window on the WordPress website.
Method 1: Create a pop -up window for free on the general WordPress website
Method 2: Add on Elementor -based WordPress website The pop -up window
We will also let you understand the traditional pop -up window The difference between the modulus pop -up window, the benefits of using the pop -up window, and their best practice.
Let’s start:
Convention and mode: Which pop -up window is selected
There are different types and use cases in the pop -up window. Generally, the pop -up window is a graphical user interface (GUI), which is usually displayed in a small window, and suddenly (pop -up) appears (pop -up) on the front desk of the website or application.
Over the years, people have been using the pop -up window opened outside the current window. This traditional method of using the pop -up window is invalid. Because in most cases, these types of pop -up windows will miss the user’s attention, and it is actually annoying.
On the other hand, the model pop -up window (also known as the modal window) is a modern form of a modern form that opens in the current page or window. The modulus pop -up window is more effective because they do not miss the user’s eyes, and the chance of getting interaction here is obviously high.
Maybe you already know which one you want to choose -of course, the model pops up the window. The benefits of using the modern pop -up window
If you use a modern pop -up window (such as a modular pop -up window) and cleverly apply them, the pop -up window can benefit you in many ways -from Notify users to increase the conversion rate.
Now, we will let you briefly understand the benefits of using modern pop -ups:
The speed of attracting users’ attention is 50% faster than banner advertisements – (Campaign Monitor )
Provide a useful way to display important messages or notifications
Increase user interaction, such as click -through rate and conversion rate
Let you show the advertisement or Promotional activity
Help you increase sales, subscription volume, network traffic and session duration
Let you receive feedback from users and collect their data
Because they have cost Benefits, so it can increase the return on investment (Roi)
We hope you have realized the benefits and importance of using the pop -up window. After showing how to create a pop -up window ourselves, we will discuss the best practice of the pop -up window.
How to create a pop -up window on WordPress 123]
You can create a pop -up window on the WordPress website in various ways. The easiest way is associated with plug -in installation. We will show you two methods. They are:
Create a pop -up window for free on the general WordPress website
Add a pop -up window on the Elementor -based WordPress website
[
[
[ [ [
[
123] Before starting, you must make sure you have management access rights for the site that will create a pop -up window. You also need to prepare the content of the window.
Now we will discuss all the processes in detail using the necessary visual effects. So stay with us.
Method 1: Create a pop -up window for free on the general WordPress website
You can use a plug -in to create a beautiful and useful pop -up window on the WordPress website. You will find a few free plug -in to complete your job. We have prepared candidates for the following top plug -in to help youMake a decision quickly. Let’s take a look at:
Popular window maker OptinMonster
Center points
Popular window generator
Hustle and bustle
Each plug -in is very good, and they perform well in different use cases. We will use \”
Popup Maker
\” to demonstrate this method because it is widely used, easy to use and very popular.
Install plug -in:
First, you must install the \”Popup Maker\” plug -in on your WordPress website. It is likely, you know how to install a plug -in. If you don’t do this, it’s okay. Just read this article and follow the instructions: How to install the WordPress plug -in.
Create a pop -up window:
After installing and activating the plug -in, you must create, set and design the pop -up window from the plug -in menu. It’s as simple as creating a post on WordPress. Just follow the following steps:
From your instrument board to \”
popup Maker \” menu
Click \”
to create a new pop -up [
Create a new pop -up [ 123] The \”123]
Provide input to the pop -up window: Now, your pop -up editing panel will open it will open (As shown below). Here, you will set and design your pop -up window by providing different inputs. Press these order:
Provide a pop -up name (it is just an invisible ID) Write the title of the pop -up window (it is the title part of the pop -up window)
The message displayed and designed in the pop -up window
] Exploring the pop -up settings:
You are almost done. What you have to do now is to complete some basic settings of the pop -up window, and then press the \”
release
\” button. This plug -in can currently use the following settings:
The trigger (the reason and time of the pop -up window open)
PositioningUser Group)
Show (define the appearance of the pop -up window)
Close (how to create conditions and when to close the pop -up window)
Senior (some senior settings of expert users)
First, you don’t need to worry about all settings options. If you set the trigger and make some adjustments in the \”
\” menu. The \”
closing
\” menu is optional.
Set the trigger: Set the trigger is very important. Because unless you add a trigger to them, your pop -up window will not open. Add the trigger according to the following steps:
Turn to the \”trigger\” settings menu [123 ]
Click the \”Add New Trigger\” button, and then open a small panel (as shown in the figure below)
Here you must provide the condition for opening the pop -up window
[ 123]
Use the display setting: In this part, you will be able to adjust the display option of the pop -up window -including size, animation and CUNDS. Just follow the steps below:
Turn to \”
display \” setting menu, several tabs will appear on the right
Click to change to change to change. The first choice tab
You have done it. Now, press the \”
release \” button we mentioned earlier. We created a pop -up window according to these steps (pictured below). You can also create such things, if you try it, it will be better.
To see your pop -up window, you must open your website from the front end after release. You can edit or modify the pop -up window at any time.
Method 2: Add a pop -up window on the Elements -based WordPress website
If your WordPress website is built on Elementor, you will be able to be able to be able to be on the HappyAddons plug -in (an effective Elementor plugin). Create some beautiful and intuitive pop -up windows with the help. It has a \”Modal Popup\” who has a \”MODAL POPUP\”With small parts, it can make your work very easily.
Instal Obviously, an Elementor plugin is installed on your website. Now, you need to install the Happy Addons plug -in and its professional version.
Add modal pop -up window: After installing the plug -in, you can use Elementor to add the model to the existing page or new page.
If you don’t know how to use Elements, read this tutorial. Now we will show you how to add a mode to your website to pop up the window. According to these order:
Search and find \”Modal Popup\” components
only need to drag and drop \”Modal Popup\” from the Elementro editor. It is done!
Custom pop -up window:
You have created a pop -up window on the Elements -based WordPress website. It’s time to customize it. Just follow the following steps:
Click the pop -up window you just created [123 ]现在，编辑器面板上将打开几个自定义选项使用这些选项以您想要的方式自定义弹出窗口
[123 ]
By performing these steps, we added a mode pop -up window to the Elementor website, as shown in the screenshot below. let’s see.
The process of viewing the pop -up window is the same. Just open your website from the front end after release. Yes, you can edit or modify Elementor pop -up window at any time.
You can also check the document of the Modal Popup component of HAPPY Addons.
Related article reading: How to add a modular pop -up window to Elementor
Best practice of pop -up window: How to get the best knotIf
If you want to get the best results from the pop -up window, you must use it clever and cautious, because the pop -up window may sometimes destroy the user experience. The best way to follow the pop -up window should be followed:
Add pop -up only to the place you need Window
Use Popus related to your page to ensure that the pop -up window is eye -catching and useful Use them at the right time and correct place
] Select the correct format and design
Determine what you want from the pop -up window
Use different types of pop -up windows to locate different users
Before completing any pop -up window Do the A/B test
ensure that users do not have to spend too much time to interact with them
These are the very necessary and mandatory practices you should follow. There are some other things you need to maintain. We recommend that you conduct some studies before performing the pop -up window.
Now it’s you turn
Please remember that the pop -up window is useful every day. But you must be smart and innovative to make full use of it. Otherwise, your pop -up window may eventually be as annoying as those careless people.
In this blog, we show you the method of common and Elements -based WordPress websites. Now it’s your turn to apply these methods when creating a pop -up window.
We hope that you can create some beautiful and effective pop -up window with the help of our comprehensive tutorial Essence If you encounter any problems in this process, please tell us at any time in the comments.
Please read another: Use Elementor and Happy Addons to build a professional website
Over the years, people have been using the pop -up window opened outside the current window. This traditional method of using the pop -up window is invalid. Because in most cases, these types of pop -up windows will miss the user’s attention, and it is actually annoying. 
Create a pop -up window for free on the general WordPress website 
Now, your pop -up editing panel will open it will open (As shown below). Here, you will set and design your pop -up window by providing different inputs. Press these order: 
Custom pop -up window: 
The process of viewing the pop -up window is the same. Just open your website from the front end after release. Yes, you can edit or modify Elementor pop -up window at any time. 
Best practice of pop -up window: How to get the best knotIf 