oh Optinmonster + wpforms is a powerful combination. Let’s both start.
Continue installing the optinmonster WordPress plug-in. Don’t forget to activate. If you don’t have an account, please click \
Select the pop-up menu from the activity type. The second is the activity template. Let’s choose the canvas. The canvas template allows you to add various elements to pop-up windows, as follows: Form HTML CSS JavaScript. To learn more about the use of canvas pop ups, please read this article on the only canvas pop ups you can create with optinmonster. OK, return to the optinmonster wizard. You will now be prompted to specify a pop-up name. This is called the \
Male optionster loads the builder screen. Set the pop-up window here and insert the form. Even if you’ve never used optinmonster before, don’t worry. Whenever you encounter a block, check this guide for generating the first option. First, let’s change the image from the pop-up window. Just click it and upload a new image or logo. You also changed the text to fit the pop-up form. Now add a style to the pop-up window. First, you must import the form shortcut code. Switch to the WordPress dashboard again and go to wpforms? All forms. The shortcut code is displayed next to the previously created form.
Copy the shortcut code. Return to optionster and click the add block button at the top of the builder. Drag the HTML block from the left pane to the middle pane. On the left, you can see that the panel changes to show the content of the HTML block. Just paste the short code here. After that, I’ll tell optinmonster how to display pop-up windows. In this case, if someone clicks the link, you want to display a pop-up window. Continue clicking the display rule at the top of the optinmonster builder. In the first drop-down box, click the drop-down box marked as the time to stay on the page. Search for the link, and then click the monster link option on the right.
You can delete other rules by clicking the minus sign icon next to. Click Next and make sure optin is selected in the drop-down menu. Male click next again. That is great! Now, when the visitor clicks the custom link, a pop-up window will open. Continue clicking copy monksterlink code. Later. It’s almost the end! Now, you just need to post pop-up menus on the website. Step 5: publish the pop-up questionnaire on the site. Now you need to perform the last step on the two plug-ins. Optinmonster publishes pop-up menus. In WordPress, add monsterlink to the pop-up window. Now let’s publish a pop-up window and start. At the top of the optionster screen, click publish. In the drop-down menu, make sure the correct website is selected, and then switch the status to real time. The optinmonster preview has not yet displayed the form. Click
Don’t settle! All content will be merged in the next step. Now return to the WordPress dashboard. In the left navigation bar, click optinmonster, and then click refresh activity. Male rest. It’s almost there. Now edit the post or page where you want to add the questionnaire link. Add a custom HTML block to the page and paste the code. Male now publish or update the page. That’s all! Click the link to make sure everything is OK. Well, have you noticed that our style is a little basic? You can easily add custom forms and CSS if you are not satisfied. html div#om-{{id}} {
font-size: 16px ;
}
html div#om-{{id}} {
color:#000000;
}
.wpforms-field-description, . wpforms-field-label {
margin: 10px 0 ! important;
}
html div#om-{{id}} . wpforms-field-row-block. wpforms-first. wpforms-one-half {
margin-right: 10px ! important;
}
html div#om-{{id}} input[type=text] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} input[type=label] {
padding: 20px;
}
html div#om-{{id}} input[type=email] {
margin-top: 10px; margin-bottom: 10px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} button[type=submit] {
font-size: 14px; margin: 20px; padding: 20px; border-radius: 10px;
}
html div#om-{{id}} . wpforms-submit-container {
text-align: center ! important;
}
Add it to optinmonster’s custom CSS tool and refresh the activity from the word press dashboard. Western food looks much better now. To learn more about how to specify wpforms styles in the option ster, please view this guide for specifying wpforms styles in the option ster pop-up menu. Now make the WordPress questionnaire form. The next step: the questionnaire results, that’s all! We posted a feedback form pop-up menu on the WordPress site. Did you know that wpforms can generate beautiful charts from questionnaire results? In this article, learn more about how to graphically display the survey results. You can also help create a summary of the survey results. That’s all! Now we know how to use the pop-up questionnaire WordPress plug-in. Install and launch the most powerful word press form plug-in now. Wpforms has many functions that can be used to create special surveys for websites. If you like this article, please follow it on Facebook and twitter for more free word press tutorials.
