Few months ago, we published an article about adding a popup contact form to any WordPress site. However, we noticed there is a limitation to the plugin mentioned in the article. You may not add a new data field or delete existing fields on the form and that that’s pretty frustrating.
In today’s tutorial, we’re going to share with you a better solution, using Ninja Forms and its newly launched add-on called Ninja Forms – Modal. If you haven’t heard about Ninja Forms, it’s one of the best plugins to create an unlimited number of forms for your WordPress site and it’s completely free of charge. However, there are lots of extensions or add-ons available that can be purchased separately if you’d like to extend the functionality of the plugin.
Once you’ve installed the Ninja Forms – Modal plugin, you may place a clickable link or image for the popup using the new
[ninja_forms_modal_form id="1"] shortcode, where 1 is the ID number of your form. The shortcode also accepts two additional parameters,
image_link to link the contact form to a custom text or image. Here are some examples:
[ninja_forms_modal_form id=1 text_link="Contact Us"]
[ninja_forms_modal_form id=1 image_link="http://domain.com/image.png"]
It’s that simple to add a popup contact form to your WordPress site. If you’re already using a responsive WordPress theme and wondering if the popup will be responsive, then you you won’t be disappointed since the popup is responsive.
Please note that this plugin is an add-on for Ninja Forms plugin and therefore will only work with Ninja Forms plugin.