• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
WPFeed

WPFeed

  • News
  • Tutorials
    • WordPress Multisite
    • BuddyPress
    • Design
  • Reviews
    • Plugins
  • Roundups
  • Snippets
  • Giveaways
Home » Roundups » How to Add Popup Contact Form in WordPress

How to Add Popup Contact Form in WordPress

popup-contact-form

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.
smcf-link

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

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Recent Posts

  • WordPress is a brilliant platform that is loaded with tons of stuff for websites.
  • How to Sync Stock & Price for WooCommerce Products
  • How to migrate a WooCommerce Store to a new site
  • How to Import WooCommerce Products
  • How to export WooCommerce Orders

Copyright © 2023 · WPFeed.com - A Project of TechAbout LLC.

  • About us
  • Advertise
  • Write for us
  • Terms and Conditions
  • Privacy Policy
  • Contact us