Display Text Confirmation Before Redirecting in Gravity Forms

Symptoms

Out-of-the-box Gravity Forms does not support using two confirmations at the same time when a form is submitted.

However, because we were recently asked how to show a confirmation message before redirecting the user to another URL, we decided to put together a couple of options.

How To Fix It

There are (at least) three different ways of accomplishing this.

1. You can use the gform_confirmation filter to output a confirmation message and then perform a redirect (code snippet below).
2. Add custom JavaScript to the text confirmation (code snippet below).
3. Use a third-party redirect plugin.

1. The gform_confirmation filter:

Copy and paste the code snippet below into your themes functions.php file or use a functionality plugin like WPCodeBox (recommended).

Once the code is added you will need to make three modifications:

1. On line 31 add your form ID number(s), replacing 5, 16, 43 with your form ID(s).
2. Edit the confirmation message on line 40, change it to whatever you’d like, or leave it as is.
3. On line 42 set the number of seconds you’d like to delay the redirect. The snippet is currently configured for a two second delay, 2000 = 2 seconds.

<?php
// Copy everything below this line

/**
* GravityRanger Dual Confirmation (text + redirect)
* https://gravityranger.com/display-text-confirmation-before-redirecting-gravity-forms
*
* Uses the gform_confirmation hook to display a text confirmation message before triggering the redirect confirmation.
* This code is a modified version of the snippet provided on docs.gravityfroms.com
* 
* @instructions:
* 
*  1. Add this code snippet to your functions.php file or a functionality plugin like WPCodeBox
*  2. Enter your form ID number(s) on line 31
*  3. Edit the confirmation message on line 40
*  4. Set how many seconds you want the redirect to be delaied on line 42 (2000 = 2 seconds)
* NOTE: This only works if your default confirmation is configured as a redirect
*
* 
* @version  0.1
* @author   GravityRanger
* @license  GPL-2.0+
* @link     https://gravityranger.com/
* @credits  https://docs.gravityforms.com/gform_confirmation/
*
*/

add_filter( 'gform_confirmation', function ( $confirmation, $form, $entry, $ajax ) {
    GFCommon::log_debug( __METHOD__ . '(): running.' );
 
    $forms = array( 5, 16, 43 ); // i.e Targets forms with id 5, 16 and 43.
 
    if ( ! in_array( $form['id'], $forms ) ) {
        return $confirmation;
    }
 
    if ( isset( $confirmation['redirect'] ) ) {
       $url          = esc_url_raw( $confirmation['redirect'] );
        GFCommon::log_debug( __METHOD__ . '(): Redirect to URL: ' . $url );
        $confirmation = 'Your message has been received loud and clear. Please standby...';
        $confirmation .= "<script type=\"text/javascript\">
	setTimeout(function() { window.open('$url')}, 2000); </script>";
    }
 
    return $confirmation;
}, 10, 4 );

Configure the Redirect Confirmation

For this snippet to work, your form’s default confirmation must be set to redirect and configured with the desired URL.

1. Go to the form Settings
2. Click Confirmations
3. Click to edit the Default Confirmation
4. Click Redirect
5. Enter your URL
6. Click Save Confirmation

2. Custom JavaScript text confirmation

This option requires that the default confirmation be configured to use the Text type and the snippet below be added to the editor text tab.

1. Go to the form Settings
2. Click Confirmations
3. Edit the Default Confirmation
4. Make sure Text is selected
5. Click on the Text tab

6. Copy and Paste the snippet below into the editor
7. Make any changes you’d like to the message
8. Set your desired number of seconds to delay the redirect (i.e 2000 = 2 seconds)
9. Check to Disable auto-formatting
10. Click Save Confirmation

/**
* GravityRanger
* https://gravityranger.com/display-text-confirmation-before-redirecting-gravity-forms/
*
* Used to display a text message after a form is submitted, but triggers a redirect 2 seconds after message is displayed.
* 
* Instructions: Copy and paste lines 11-17 into a Gravity Forms text confirmaton. Make any necessary changes to the text or number of seconds, i.e 2000 = 2 seconds, (line 16).
*
*/

Thank you for your submission. Please stand by, something exciting is about to happen...

<script type="text/javascript">
	setTimeout(function() {
	   window.location = 'https://yourdomain.com/thank-you/';
	}, 2000); // 2 seconds
</script>

Redirect plugin

You will need to install the Shortcode Redirect plugin. This is essentially the same solution as using the custom JS above, it is just a code-free method if you prefer to avoid messing with code.

1. Go to the form Settings
2. Click Confirmations
3. Edit the Default Confirmation
4. Make sure Text is selected
5. Create your message
6. Add the plugin shortcode to the message (below)

[redirect url='https://yoururl.com' sec='2']

7. Add your redirect URL to the shortcode
8. Set the number of seconds you want to delay the redirect
9. Click Save Confirmation

Need More Help?

If you still need help, use the chat or leave a comment below and we’ll get back to you.