How to make Contact Form 7 a Popup form

- - Web Development

How to make Contact Form 7 a Popup form

Contact Form 7 is one of the most popular Contact Form Plugin in WordPress. It can be used as a Contact Form or a Signup form, but this post is all about making Contact Form 7 a Popup form. For this we need two plugins to achieve the desired results.

1. First one is Contact form 7
cf7

From your WordPress Dashboard Go to Plugins, Add new and Install and activate Contact Form 7.

2. Second Plugin is Easy Fancy Box which looks like the screenshot below
efb

Go ahead and Install and activate the Easy Fancy Box Plugin.

This Easy Fancy Box plugin will Popup the Contact Form 7. So after the successful activation of both the plugins we just have to write down the small peace of code to make it work. You can write the code any where in your WordPress page where you would like to trigger the Popup form or even you can put the code in your theme files like somewhere in header.php or footer.php.

Here is the small peace of code

Popup Contact

And that’s it. Contact form will now open in a Popup. Contact form short code i used in the above code is my code, please replace it with your own short code of Contact form 7.

Note: In Order to work the above code successfully please Go to the Settings page of your Easy Fancy Box plugin and Check the Inline Content box. See the screenshot below
efb-img

Remember if you are placing the code in your theme file than you must wrap the Contact Form short code in PHP like this

other wise the code might won’t work accordingly.

Popup Contact Form 7 on menu item
If you would like this Popup to open when you click on menu item than Go to Appearance -> Menus and paste the #contact_form_pop in the URL box and in CSS Classes box paste fancybox-inline of the Menu item.

I hope you will enjoy this post and if you have any problem than you can write in the Comments below and If you really like this Post than don’t forget to share it with other as we all know that ‘Sharing is Caring’! Right?

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit
How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit
make Contact Form 7 a Popup form
Popup contact form WordPress plugin
Popup contact form WordPress plugin
Easy fancy box contact form 7
Contact form 7 popup on submit
maniwebify

How to make Contact Form 7 a Popup form , Popup contact form WordPress plugin , Popup contact form WordPress plugin , Easy fancy box contact form 7 , Contact form 7 popup on submit


Arslan Malik