Find a simple way to add a WordPress pop -up contact form to your website?
The pop -up contact form makes your website visitor very easy to get in touch with you. The pop -up window appears on the same page where the visitor is located, so they don’t have to spend time trying to find the contact page. You can set up a pop -up window so that you want the visitor to see it accurately when you see it.
The only problem is that it is really difficult to create a contact form pop -up window from scratch. If you try to use a plug -in to solve the problem, what plug -in do you use? Do you use a pop -up plug -in or contact form plugin? Or must you use both at the same time?
Which of the more than 150 plug -in suitable for your business needs?
In this article, we will answer these questions and gradually show you how to add the wordpress pop -up contact form to your website.
Let’s dive into the water.
Before adding the wordpress pop -up contact form
, let’s figure out something before starting to create a form.
There are many ways to create a wordpress pop -up contact form. Yes, you can use the pop -up plug -in and form plug -in to do this. But in this article, we assume that your coding experience is zero. We also assume that this is the first time you add any type of contact form to your WordPress website.
This is why we will show you the simplest way to create and integrate the WordPress pop -up contact form, as shown below:
[ 123] Our method combines the WordPress form plugin and WordPress pop -up plug -in.
When we say it, I believe us:
This method will save you the working hours of Hours. Therefore, we will divide the entire process into two parts:
Create a WordPress form
embedding your form into the pop -up window
]
It sounds good? Now, we are ready to start.
How to create a WordPress contact form
First, you need a contact form plug -in to build a WordPress contact form.
Step#1: Select a WordPress contact form plug -in
We recommend using WORDPRESS contact form with WPForms.
WPForms is the number one WordPress forms construct plug -in with more than 3 million users. You will get a drag -and -drop table single -construct, which means that you can create an incredible WordPress form in a few minutes.
Step#2: Create a new form
After all the plug -in is set, you want New form:
and select
Simple form Template:
] Use the drag and drop form single to build a custom form:
Step#3: Get your contact form short code After creating the contact form, please click to save the button in the upper right corner To save changes. Then, click the \”\” option in the upper right corner next to the \” saving \” button. When a new window pops up, select
to use the short code
option.
That’s it! You are done. Next, we will use a short code to embed this form into the pop -up window.
If this is the first time you use WPForms, you should check our tutorial to understand how to create a contact form in WordPress to obtain a more detailed explanation.
How to embed your contact form in the pop -up window
To create a contact form pop -up window, you need a WordPress pop -up window plug -in.
Step #1: Select WordPress to pop up insertion
We recommend using OptinMonster to create an instant pop -up window for WordPress.
OptinMonster is the world ranking ranking The first conversion tool package, we have also used it ourselves. OptinMonster makes the powerful pop -up window that creates a convertible pop -up window. And you don’t need to use any codes at all.
Step 2: Create a pop -up advertising series
Continue to register OptinMonster. Then, in the OptinMonster instrument panel, click
Create Campaign button:
On the next screen, you must choose an advertisement Series type. You can choose to select verified templates from OptinMonster
playbooks
or Templates , but we will use Canvas mode to create a pop -up window:
Then, select
to pop up
Advertising series type:
Then, name your advertising series start:
Step#3: Add the short code to your WordPress pop -up contact form
Using the drag and drop construct in OptinMonster, you can edit the pop -up template. First, click
+ adding blocks
button at the top:
To add your brief code, you need to drag HTML design blocks into your design preview:
[ 123]
Enter the copy of the copy to your OptinMonster HTML block, where
adds html
:
]
Important Tips:
You will not see the contact form during the preview. You will only see the short code in the preview. The short code is built for WordPress instead of OptinMonster’s instrument panels. So, if you see such things are completely normal:
Once you publish a pop -up window on your website, the form will be perfect run.
Step#4: Configure WordPress pop -up contact form display rules
Next, you can turn to the top \”Display Rules\” tab, select when the pop -up window should appear in your On the website:
By default, OptinMonster will set the pop -up window when the page stays is 5 seconds. In addition, the pop -up window will appear on all pages by default. However, you can change the display rules and select different triggers and positioning options.
We recommend using Monsterlink (click positioning). In this way, when the visitor click the link or button, your pop -up window will appear:
, you can click
Copy the Monsterlink code
button and add it to any text, image or button on your website:
If you want to be in you Use a custom button on the website, you only need to copy the URL in the Monsterlink code. Then, just paste the link to any button on WordPress.
Step#5: Release your WordPress pop -up contact form
When you are satisfied with the appearance of the advertising series,
publish status
from
DRAFT [ 123] Change to
publish
:
You finished! If you take every step along the way, you should see this contact form pop -up window on your website:
]
What is the next step? This is this, guys! Let us know whether this article is helpful. Creating a pop -up window on your website can help you convert traffic into email subscribers and real business clues. We strongly recommend that you immediately create a WordPress pop -up contact form. Next, you need to send more traffic to your website to pop up the window to exert its magic.
If you are looking for an economical way to increase traffic, we recommend that you use push notifications. Push notifications can help you bring more duplicate traffic and website participation. You can also create an automatic push notification activity generated by sales.
Dissatisfied? View these resources:
Seven wise strategies to increase customer participation
Is the push notification valid? 7 Statistics + 3 Expert Tips
How to set up a notification of abandoned shopping carts (simple tutorial)
We recommend using Pushengngage to create your push notification activity. Pushengage is the world’s number one push notification software. So if you don’t have it yet, please start using Pushengngage immediately!
Template: 
Then, name your advertising series start: 
When you are satisfied with the appearance of the advertising series, 
