How to add Contact form 7 in popup window
admin 0 Comments
Contact form 7 is most used plugin for contact pages and general forms here this tutorial is about how you can have your WordPress contact form 7 show in a popup window.
The easy way is show the contact form in a popup window using the plugin “Easy fancy box“. This Plugin for WordPress websites gives you a flexible and aesthetic light-box solution for just about all media links on your website.
Once you Installed and activated both the plugins (Contact form 7 and Easy fancy box) go on and create your form the usual way. Every plugin out there gives you some sort of [shortcode] that you can insert inside your page or widget. That is all we need.
Once you created the contact form it generate a short code something like this
[contact-form-7 id="566" title="Contact form 1"]
Check your Easy fancy box settings under Settings > Media in user dashboard. Let all the settings be default.
Now just copy the below code and paste it where you want the popup to be
<a href="#contact_popup" class="fancybox">Contact Us</a>
<div style="display:none" class="fancybox-hidden">
[your own shortcode here]