Thank you message email is not working properly in an iFrame

  • Profile Image
    Asked on January 13, 2015 at 01:16 PM

    My 'Thank You' email works correctly in the following form:


    When I use the above form in an iFrame as part of a multi-payment form (, the 'Thank you' email does not work properly. The 'Thank you' page picks up the 'Back' button from the form page, and then you need to scroll up the 'Thank you' page to find the message. In other words the message does not default to the top of the 'Thank you' page.

    How do I fix this problem, so that the 'Thank you' message works in the iFrame, as it is the same problem for all four iFrames I am using in my multi-payment form.

    Thanks very much.


  • Profile Image
    Answered on January 13, 2015 at 02:24 PM


    The issue is that iFrames work independently from the other elements around them.  The thank you message will be loaded in the same frame as the payment form.  Elements outside of that frame will persist, in this case, the "Back" button.

    You should be able to include the "Back" button inside each frame, rather than a single button outside the frames.  That way each frame will have the ability to go back to the original screen but the button will not longer be included in the "Thank You" page.

    I hope this has made things a bit clearer.  Let us know if this solution does not produce the desired results or if you have any further questions and we will be happy to help.

  • Profile Image
    Answered on January 14, 2015 at 08:27 AM

    I have tried your suggestion, but regardless of where I put the back button, the Thank You email still includes parts of the content in the main form that is not included in the iFrame.

    In addition, the Thank You message defaults to the bottom of the page that it is sent on, so that you need to scroll up the page just to find the message information.

    How do I solve this problem, so that the only message information recived is what is in the Thank You, and it appears at the top of the page.

  • Profile Image
    Answered on January 14, 2015 at 11:27 AM

    It looks like you may need to break your form down into pages, rather than just showing or hiding the widget fields.  I added in a "form collapse" and a "page break" before each widget. 

    Then had the conditions send the user to the proper page, rather than showing each.  I believe this is much more what you were looking for.

    The problem with the buttons at the bottom still persists, this may be an issue I cannot fix.  The buttons need to be there in order to allow for navigation.  However, the payment fields are loaded without the original content from the first page.  Here is my test form to show the changes:

    I am still trying to get it so that the thank you is loaded at the very top, but the buttons at the bottom still pull the frame down a bit.

  • Profile Image
    Answered on January 14, 2015 at 11:39 AM

    Thank you very much. I really appreciate your help.

    This exactly what I want, but I still need the Thank You to load at the top of the page instead of the most people will not know that they will need to scroll up, if they do not see any words.

    Please let me know when you have been able to figure out how to make the Thank You appear at the top.

  • Profile Image
    Answered on January 14, 2015 at 12:55 PM

    The only thing I could think of was to reduce the height of the iFrames:

    This allowed for the "Thank you" message to be displayed at the top of each section.  Here is my updated test form:

    Since the frames were scrolling quite a bit to begin with, there is not much of a change.