Javascript for closing on form submit not working (tried multiple forms)

  • Resolved slosek

    (@slosek)


    9 years, 7 months ago

    Having issues w/ getting popup to close under the condition of submitting a successful form.

    Was unable to do it with either contact form 7 or ninja forms and their respective JS from your website.

    Also, is it possible to create a link to close the form that appears in the form’s success message? I can get the button / link to appear using the short-codes, however they do not function.

    Or, if there is another solution to this. I basically need to be able to close the popup once a form has been submitted, without the option to close without agreeing / submitting form info.

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • waltmesser

    (@waltmesser)

    9 years, 7 months ago

    @slosek

    Sorry you’re having an issue with this functionality, I’m sure we can get this resolved.

    First, what form builder are you using? The process is different, depending on your form plugin.

    Second, can you please provide a link, and what has to be done to trigger your popup?

    Thanks for your patience.

    cindyrutland

    (@cindyrutland)

    9 years, 7 months ago

    I am having the same issue – I am using gravity forms – the website url is
    http://watertechnique.tdcdev.com/for-life/

    Thank You

    Thread Starter slosek

    (@slosek)

    9 years, 7 months ago

    @waltmesser

    Using Ninja Forms now

    Popup appears on this page, as soon as page is loaded: http://globalfundreg.com/the-deal/

    Thanks!

    waltmesser

    (@waltmesser)

    9 years, 7 months ago

    @cindyrutland

    This is slosek’s thread, per WP Guidelines, please create your own thread. Having said that, it may be the same issue, but having a different form builder makes all the difference. Have you tried the code here? This will work with Auto Open, Exit Intent, and Scroll Triggers, and if you’re using Click Open Trigger, then address that issue in your thread.

    Again, please create your response in a new thread so we can deliver the best support possible.

    Thanks so much.

    @slosek

    Would you mind pasting the code for Ninja Forms you are using to close the form? Also, please describe how you implemented the code on your site as lined out in our Getting Started with Custom JS Doc?

    I’m going to have our Lead Dev @danieliser take a look as soon as he is available.

    waltmesser

    (@waltmesser)

    9 years, 7 months ago

    @slosek

    If you’re using NF3+, that code will not work. If you have less than v3, then it should work, and we can continue with the troubleshooting process.

    In NF3+, this just got a whole lot easier – we now have some specific functionality within NF to close our popup on form submit!

    1. Edit your form
    2. Click the Emails & Actions Tab
    3. Click the “+” in the bottom right corner
    4. Click the Close Popup Item
    5. Click Done
    6. Click Publish
    7. Refresh on the front end and check it out

    Let us know if that works for you.

    waltmesser

    (@waltmesser)

    9 years, 7 months ago

    @slosek

    Also, you could skip the Close Popup Item, and do a Open Popup, and then create a specific “Thank You” popup.

    If you just go with the Close Popup, then the user won’t really get a type of “confirmation”. But, that is totally up to you, just wanted to throw that out there.

    Thread Starter slosek

    (@slosek)

    9 years, 7 months ago

    @waltmesser

    1. Edit your form
    2. Click the Emails & Actions Tab
    3. Click the “+” in the bottom right corner
    4. Click the Close Popup Item
    5. Click Done
    6. Click Publish
    7. Refresh on the front end and check it out

    Worked!!!!

    Thanks so much for your support!

    waltmesser

    (@waltmesser)

    9 years, 7 months ago

    @slosek

    Awesome! Let us know if you have any other questions or issues, and we’ll be happy to assist you.

    If you haven’t already, please do take a moment to click that our plugin Works and to rate and review the plugin to spread the love! <3

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Javascript for closing on form submit not working (tried multiple forms)’ is closed to new replies.