Have you ever submitted a form and wondered if the submission was a success because, well, you didn’t notice the confirmation message?
That is the best part of displaying your confirmation messages in a popup, it’s kinda hard to miss (unless it’s broken 😠)!
So if you want to display your Gravity Forms text confirmation messages in a popup instead of on the page, this tutorial will show you how to do just that!
Quick demo of the end result:
Seems pretty simple right! It is, in fact if you’re a confident Gravity Forms user you can probably skip the rest of this article. But you may want to keep it handy just in case.
I am going to assume that you already have Gravity Forms installed and you have already built your form.
We will not be covering those things in this tutorial, however, should you need help with that, please use the links below to access a couple videos that will help get you started.
Step 1: Installing the Popup Confirmation for Gravity Forms Plugin
This plugin was recently updated to support the latest version of Gravity Forms.
This is a free plugin and can be installed directly from within your WordPress dashboard.
- Go to Plugins
- Click Add New
- Search for “Popup Confirmation for Gravity Forms”
- Click Install
- Click Activate
The plugin can also be downloaded and installed manually, if that is your preference just click the button below.
That is all there is to that plugin. There are no settings to configure. Once it’s installed it is ready to use.
Step 2: Configuring your Confirmations to use the Popup
This is also a very simple step. It requires that you do nothing actually. Currently, when the plugin is activated the default is for the popup feature to be enabled automatically for all forms.
I personally do not like that, and have reached out to the developer to see if he is willing to modify that, so hopefully that will change in a future version.
However, let me show you how it works!
- Go to Forms > Forms
- Locate your the form you want to work with
- Hover over Settings and click Confirmations
The next steps will show you where to actually enable/disable the feature.
- Click Edit on your Text Confirmations
- Scroll to the bottom
- Check the box “Display confirmation text in a modal popup” to enable the feature
- Uncheck the box “Display confirmation text in a modal popup” to disable the feature
There is one other feature added to the confirmation setting by this plugin, a field to add additional scripts you want to fire when the popup is loaded. This was highlighted in the gif above.
I have a couple ideas on how this might be used:
- You could use this for a tracking script, like a Facebook pixel for example.
- You could use this to run a script that will refresh the page so that when the popup is closed the empty form is displayed on the page again.
So this plugin is very basic and has some flaws that I want to point out so that you’re not caught off guard. I’d hate for you to waist your time implementing this solution only to be a waist of your time.
- The feature is enabled for all forms by default
- There is not way to modify the popup style via the plugin
- The popup does not support the use of merge tags (which you can see in the demo video)
- The plugin is not supported very well
- Doesn’t support AJAX, as you can see in the demo I had to scroll up the page to see the popup
- The area on the page where the form was in blank, it would be nice if closing the popup refreshed the page
Those are just the few that came to mind as I was playing with the plugin to write this tutorial. I am sure there is more, you might even have some ideas which we’d love to hear, so just drop them in the comment below. You never know, we might be considering developing a similar (but better) solution.
The Wrap Up
This is a simple solution that has some flaws. However, there is such a big interest in popups that I wanted to share the find and provide my opinion on the plugin.
We seriously want to hear your ideas about what would make this feature worth using. So drop your thoughts in the comments below.