[quote]Hey i am not that good with jQuery. Is there an easy way to put my contact form in a popup window? [/quote]
Yes there is and ill be happy to share it with you, in return all you have to do is become a member of my religious chicken cult and give me all of your possessions ! I am not joking !!! read on.. 🙂
For the purpose of this tutorial we will need two wordpress plugins.
One of the favorite plugins for creating those cool forms in WordPress is ” Contact form 7 ”
You can download it here: Contact Form 7 Download
Its been downloaded more than 16.000.000 times to this date. If you however prefer some other plugin for your forms, that will work as well.
Second plugin that we need is called ” Easy fancy box “
You can download it here: Easy Fancy Box
This one will take care of our jQuery problem.
Now lets put that form in that popup !
Once you have both of them plugins installed and activated, 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 have your form created you should have a shortcode that looks something like this
[contact-form-7 id="2860" title="Contact form 1"]
Now you should wrap it up in the code below :
<a class="fancybox" href="#contact_form_pop">Contact Us</a>
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop">[your own shortcode here]</div>
this is what you will get :
[contact-form-7 id=”2860″ title=”Contact form 1″]
and that’s it, this will show a text link that will open up your contact form on click as a popup window, replace the shortcode and the text of the link to suit your needs.
Contact form in popup windows – Solved
If you liked this article say thanks by sharing it around, that makes me happy. Cheers.