Conversion Optimization, Email Marketing & User Experience Tips

Contact Us Popup

Contact Us Popup with Ninja Forms: Creation Guide

[social_warfare]

Contact Us Popup Synopsis

In this guide, we explore how easy it is to create a robust Contact Us popup using Popup Maker and Ninja Forms. We’re also going to implement a “Thank You” popup once the user has completed the form.

Why Inside of a Popup?

In reality, putting any part of your site inside of a popup has a few powerful advantages to building the most optimized site that will get you the most conversions. The tricky part is doing it gracefully.

First, we should think of space on your website as money. With a high performing website, we want to impress with our outstanding conversion rates.

For this reason, we definitely want a huge Contact Us popup button everywhere on our site, but why waste valuable space on the embedding the form there as well? That just means we have to make the contact button even smaller!

Plus, studies prove: keeping users engaged with specific, meaningful click actions will net us better results.

Speaking of studies, now that we’ve created more room for a bigger contact button, we can replace the words “Submit” or “Contact Us” with something more influential like “15% Off Your Price for a Limited Time!”

Studies have proven: Power Words do exists, and they get results.

Plugins and Extensions

Final Results

Live Example

See this popup in action here!

Videos

Screenshots

Contact Us Popup Finished Product

Contact Us Popup Finished Product Completed Form

Contact Us Popup Finished Product Thank You Popup

To Get Started, Click Page 2 Below!

[social_warfare]

Content writer, WP Implementer, slice fixer.

Follow Walter on:

4 Comments

  1. A Oxford on November 17, 2016 at 9:41 am

    looks good how does this work on mobile devices and can it be optimised for mobile and or suppressed.

    • Walter Messer III on November 17, 2016 at 9:50 am

      It works great on mobile devices, I included a couple of mobile styles in the CSS from the guide, but you could take a little farther to optimize it even more. The only way to entirely disable popups on mobile devices, at this moment, is with our Advanced Targeting Conditions Extension. However, we’ll be releasing an update that will give users this singular ability for free in light of Google’s new policy on popups starting in 2017.

  2. Jeff Hoffman on February 16, 2018 at 3:46 pm

    What happens when you set a field on your form as required and click the submit form button without filling in a value? I tested this quickly using Formidable Forms. In my case some of the fields are required. When the form popups with the required fields (and without inputting anything) and I click the submit button the popup simply closes. If you open the popup form again (after it has closed), it shows all the form validation (ie which fields are required for submission). Is there a way to have fields (in the form) as required and the popup stay up until all required fields are inputted (unless of course they click the ‘close’ button)?

    • Daniel Iser on February 19, 2018 at 11:35 pm

      @Jeff – Sorry for the confusion. The popup is working fine as expected though. The issue is that the form isn’t submitting using AJAX but rather by refreshing the page. Since the popup isn’t open when the page load by default after the refresh you have to open it again.

      Our latest version coming into public testing tomorrow hopefully will solve that once and for all, give it a try.

Leave a Comment





This site uses Akismet to reduce spam. Learn how your comment data is processed.