How to create a pop-up wordpress email contact form?

To create a pop-up wordpress email contact form.

Create pop-up wordpress email contact form.

If you want to create it then follow below steps:

Step:1-Download Contact Form 7 and the Easy FancyBox plugins.
Step:2-For download Contact Form 7 Click here.
Step:3-For download Easy FancyBox Click here.
Step:4-Install both plugin and active.
Step:5-We will use the example email form already created in Contact Form 7.The Contact Form administration page displays the code you must cut and paste into your WordPress editor to generate the form.
Step:6-Create a new page in wordpress.include email form.
Step:7-Then you have to paste the code contained in brackets from the contact form 7 administration page into your page.
Step:8-You paste the code where you want to appears like click below.
Now your wordpress form display on a page in your site.Now,instead of being embedded in the page,if you want it to pop-up and overlay the page when a visitor clicks a link.That is where the Easy FancyBox plugin comes in.You can make any page element appear in a pop-up window with Easy FancyBox.Edit new page, click the HTML tab, and add the following code.


<a href="#contact_form_pop">Contact Us</a>

<div style="display:none">
<div id="contact_form_pop">
<?php echo do_shortcode(' [contact-form 1 "Contact form 1"] '); ?>
</div>
</div>
Now have a link that launches your WordPress form in a pop-up window.You will probably want to do some CSS styling of the email form to ensure that the height and width are correct and that error messages are contain within the pop-up, but this should be enough to get you started.

About the Author

avatar