How To Set Form Plugin Actions Following Form Submit Success

Article Contents

  • Overview
  • Confirmation Messages are Managed Within the Form Plugin Admin
  • Popup Maker Options Added to Each Form Plugin Admin
  • Only 'Published' Popups Are Shown Within the Form Plugin Admin
  • Ninja Forms
  • GravityForms
  • Contact Form 7

  • Overview

    Popup Maker integrates with several WordPress form plugins to embed forms within popups, set browser cookies and initiate other actions following a successful form submission. Those plugins include: 

    [ Note: Popup Maker is a Ninja Forms affiliate. We support each other's products.

    Elsewhere in our documentation, we describe how to set a form submit success cookie on the 3 plugins listed above, and link it to a trigger in the Popup Settings box of the Popup Editor: 

    Related article: Close/Open Popup and Create Cookie After Ninja Forms Submission

    Related article: Close/Open Popup and Create Cookie After Gravity Forms Submission

    Related article: Close/Open Popup and Create Cookie After Contact Form 7 Submission

    [ Back to top ]


    Confirmation Messages are Managed Within the Form Plugin Admin

    Each of the 3 form plugins that Popup Maker integrates with allow plugin users to set and display a 'success' or 'confirmation message' after form submit success. The success message is set and managed within the form plugin itself, not Popup Maker. Therefore, if the success message does not properly render on form submission, check the message settings within the form plugin Admin. 

    Related article: Why is A Form Not Working In My Popup?

    Note: The related article link above addresses a use case where a plugin user attempts to display the same form on either a page, post, or widget, and inside  a popup using the same shortcode tag and ID. That approach does not work.  Read the related article to learn how to resolve this issue. 

    Popup Maker Options Added to Each Form Plugin Admin

    Popup Maker adds a set of option settings to the admin of each of the 3 form plugins listed previously. They include:

    Only 'Published' Popups Are Shown Within the Form Plugin Admin

    If a popup intended to serve as a confirmation message does not appear in the form plugin admin, check it's publication status. Only published popups are shown within the form plugin admin.

    Related article:  How To Pause or Restart a Popup

    [ Back to top ]


    Ninja Forms

    Navigate to the Form Dashboard

    1)  From the WP Admin, select the Ninja Forms admin menu.

    2)  Select the ‘Dashboard’ submenu.

    3)  Select the intended form for editing. Click directly on the form title, OR

    Select the gear icon to display the 'Edit' submenu beneath the form title.  Select 'Edit' to open the form editing page.

    Select the 'Emails & Actions' View

    1)  On the form editing page, select the ‘Emails & Actions’ category.

    2)  Select the large plus symbol in the lower right-hand corner to open the 'Emails & Actions' option view. 

    From the available actions within the view, select either the ‘Close Popup’ or ‘Open Popup’ option. 

    [ Back to top ]

    Close Popup Action 

    1)  By default, the Delay setting is 0 seconds. The setting increments up or down by a value of 1 second. Set the delay to a positive value. 

    2)  Select the button labeled ‘Done’ when the setting is complete. The setting value will be saved on the ‘Emails & Actions’ screen. 

    The 'Close Popup' action can be turned off for any form by moving the slider from right to left. In the 'off' position, the slider turns grey. The option can be turned back on by moving the slider from left to right. In the 'on' position, the slider turns green. 

    Open Popup Action 

    1) The 'Popup ID' option provides a drop-down menu of all published popups ( status equals ‘published’ ). If the target popup intended to open on form submit success is not currently set to ‘published’, change it’s status to include it in the option menu. 

    2)  Select the button labeled ‘Done’ when the option setting is complete. The option value will be saved on the ‘Emails & Actions’ screen. 

    The 'Open Popup' action can be turned off or on by use of the horizontal slider described above. 

    Publish and Close the Form Editing Page

    1)  Select the 'Publish' button to save changes to the form. After the form updates, the 'Publish' button will turn grey. 

    2)  Select the close button in the upper right corner ( white 'X' on a black background ) to return to the WordPress Admin. 

    [ Back to top ]


    GravityForms

    Set the Confirmation Message on the 'Confirmations' Tab

    To edit a 'Confirmation' message inside a popup after a successful form submission with GravityForms: 

    1. From the WordPress Admin, select the GravityForms plugin ( labeled 'Forms' );
    2. Within the GravityForms menu, select the 'Forms' submenu; 
    3. select the 'Settings option tab overhead; and 
    4. select the 'Confirmations' suboption tab.

    Upon activation of a GravityForms license, the plugin includes a 'Default Confirmation' message that can be edited. 

    Close or Open a Popup After a Successful Form Submit Action

    Popup Maker integrates with GravityForms to add a 'Popup Maker' option tab to the GravityForms 'Settings' option.  This allows users to either close or open a popup after a successful form submit action. 

    [ Back to top ]

    Close Popup Option Setting

    When the 'Close Popup' option checkbox is selected (1), a hidden option labeled 'Delay' will show (2). The default time delay setting is 0 seconds. That is the time delay set by Popup Maker between the GravityForms form submit and the closure of the popup. 

    Set the value for 'Delay' to between 3 - 5 seconds. This will allow visitors enough time to view the confirmation message inside the popup. 

    Open Popup Option Setting

    When the 'Open Popup' option checkbox is selected (1), a hidden option labeled 'Popup' will show (2).  This option provides a drop-down menu of  published popups to choose from. In the example shown above, only one published popup is available to open on successful form submission. 

    [ Back to top ]


    Contact Form 7

    Set the 'Success Message' on the Plugin 'Messages' Tab

    To edit a 'success' message inside a popup after a successful form submission with Contact Form 7: 

    1. From the WordPress Admin, open the Contact Form 7 plugin ( labeled 'Contact' );
    2. select the 'Contact Forms' submenu; 
    3. select the 'Messages' option tab; and 
    4. add your 'success message' to the first custom field labeled 'Senders' message was sent successfully'

    Set the Popup Maker Options on the 'Popup Settings' Tab

    Popup Maker adds a 'Popup Settings' tab to the Contact Form 7 plugin option settings that allows users to either close or open a popup after a successful form submit action.

    [ Back to top ]

    Close Popup Option Setting

    When the 'Close Popup' option checkbox is selected (1), a hidden option labeled 'Delay' will show (2). The default time delay setting is 0 seconds. That is the time delay set by Popup Maker between the Contact Form 7 form submit and the closure of the popup. 

    Set the value for 'Delay' to between 3 - 5 seconds. This will allow visitors enough time to view the confirmation message inside the popup. 

    Open Popup Option Setting

    When the 'Open Popup' option checkbox is selected (1), a hidden option labeled 'Popup' will show (2).  This option provides a drop-down menu of published popups to choose from. In the example shown above, only one published popup is available to open on successful form submission.

    [ Back to top ]