Previously, I’ve written a tutorial on adding a simple contact form to your WordPress site using one of the most popular plugin, Contact Form 7 as an example. That’s all you need to know to add a simple contact form on a WordPress page.
In this quick tutorial, I’m going to show how to add popup contact form to your WordPress site. A long time ago, one of my clients asked to use a popup contact form on his website instead of a normal contact page and I decided to share it with you how to do so.
Upon my search, I came a cross this little plugin called SimpleModal Contact Form (SMCF).
Add Popup Contact Form Using SMCF Plugin
1. Install and activate SimpleModal Contact Form (SMCF) plugin.
2. There are few ways to add the contact form to your site.
- Using a link. Place this html code anywhere on your WordPress site (sidebar, footer, post, page etc).
<a href="/contact" class="smcf-link">Contact</a>
- Via WordPress menu. Add the following class in WordPress menu. Make sure you’ve enabled CSS Classes for menu.
This plugin is great to be used for simple contact form. However, if you want to have more advance contact form, I recommend using the normal contact forms plugin such as Gravity Forms and Formidable Pro.
Also, if you’re a fan of popup, you might also want to add popup login form to your site