What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Custom thank you page in iframe

    Asked by Snotra on February 27, 2011 at 04:49 AM

    Hello, - I'll like the user to go to my own url for the thank you page but the page is opening in a new window. I am using sourcecode of the Jotform and it's in a iFame on a Facebook page. I want to show the thank you page inside the iframe, but when the user is sending the form, the tank you page is opening in a new window, not inside the iframe.

    I want to use my own thank you page because I need a share to facebook funtion after sending form. 

    facebook iframe
  • Profile Image

    Answered by DanielGriffin on February 28, 2011 at 07:58 AM

    Hi Snotra,

    That's fairly unusual but it should be easy to fix if you try the following.

    1. Give your iframe a name attribute like this:

    <iframe name="my_iframe" (any other attributes go here, etc) ...

    2. Modify the Jotform <form> tag to include a target attribute, and set it to either the name of your iframe, like so

    <form ...

    or you could also just set it to "parent".

    As I say, it is unusual behaviour so if you are still having problems please send the url of the facebook page and I'll try to see if there is anything funny going onthere.

    Thanks,

    Daniel

  • Profile Image

    Answered by chiseled_images on March 24, 2011 at 01:28 PM

    Snotra,

    i was wonderinf if you got this to work?  I think this is going to become less and less unusual as i see more and more people using forms on FAcebook welcome pages (which are iframe apps 95% of the time).  Currently I'm building iframe welcome pages for a lot of Photographers. We use forms for stuff like contact info, etc.  The fact that the form thank you page takes them out of Facebook isn't great.  Currently I just added a link on my thankyou page that allows them to "take me back to facebook"  would be nice to have the option to open thank you page in same frame, new frame, new tab, new window, etc.

    you can see an example on my Facebook page here: http://www.facebook.com/pages/Chiseled-Images/124049094282187?sk=app_173348399384840

    thanks

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 24, 2011 at 08:40 PM

    Hi,

    I've also tried this for almost an hour and couldn't make it work. This is something that is hardcoded to submit.php - the page that processes your forms - as it redirects to the custom thank you url that you set. I guess the only workaround, like chiseled images said, is to have a link back to your facebook page.

  • Profile Image

    Answered by PacePhoto on March 24, 2011 at 08:56 PM

    Thanks a lot for checking into that! maybe they can add an option on how that link opens in the future.

    thanks.

  • Profile Image

    Answered by allanftd on March 25, 2011 at 03:10 AM

     

    Hi PacePhoto, Snotra and chiseled_images,

    I would like to pick up from what DanielGriffin has stated above. In addition to what he said, try to make the form target "_self" so that it becomes like this:

     

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" enctype="multipart/form-data" name="form_10815034314" id="10815034314" accept-charset="utf-8">

     

    In order to do this, you have to modify the full source code of the form. Here is how you can get full form source code. Open your form on the Form Builder:

    1. Open "Setup & Share" tab on toolbar,

    2. Click on "Embed Code"

    3. Click on "Source" button and copy it to your web site.

    Please try this and let us know how it will work. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by allanftd on March 26, 2011 at 08:08 AM

    Hi everyone,

    The above suggestion (_self) works only if your Thank You page is the default JotForm Thank You page. If you're using custom Thank You Page, this solution provided by liyam will be helpful:

    http://www.jotform.com/answers/18098-Thank-you-page-and-navigation-away-from-FB-page

     

    Please try it and let us know if it works for you or not. Thank you once again for using JotForm!

    JOTFORM SUPPORT

  • Profile Image

    Answered by chiseled_images on March 26, 2011 at 09:53 AM

    thanks again.  One issues is that we cannot name our iframe in Facebook.  If you aren't familiar with Facebook iframes, you are basiaclly creating a Facebook app that directs Facebook to insert HTML content into an iframe on a Facebook page.  We have no control over what Facebook calls the iframe it creates to insert our html code into, that code is generated on the Facebook side.

    I tried looking at the page source of my facebook page, but closest thing i could find to finding the name of the iframe was this "\nchannelManager.iframeLoad({\"user_channel\":\""
    Honestly, looking at the code from a Facebook page is way beyond what i can understand.
    I did try the above script that you guys posted hoping that user_channel was what they named the iframe.  However I inserted it in as <form ... and it ended up making half my form disappear and whenever i pressed the submit button it just took the page and busted out of the iframe but didn't submit the form or redirect me to a thank you page.

    The above answer with javeascript redirect doesn't work becasue you can't load a facebook page inside of a facebook iframe.  You can only load pages from your canvas directory that you set in you app you made.  so i can only set it to go to like index.php or contact-us.php, etc.  Loading facebook.com in there doesn't work.

    The best so far was teh defautl thank you page with the .  this deafault page loaded inside of the iframe and left them inside of Facebook. which is great. (here's a screen shot) Just wish we could customize that message or have the option to open the other messages in same way the default message opens.

    thanks for all the effort.

  • Profile Image

    Answered by allanftd on March 26, 2011 at 11:13 AM

    Hi chiseled_images,

    Its good that at least one of the suggestions above worked for you, although there's still some room for improvement. I went ahead and endorsed your feature request to our able programmers for consideration and possible implementation. In the meantime, you can use the "_self" workaround for your form.

    Please let us know if you need further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

     

  • Profile Image
    JotForm Support

    Answered by NeilVicente on March 26, 2011 at 07:56 PM

    @chiseled_images,

    The suggestion made by liyam on a separate thread is perfect for your situation. Take a look at and fill out this facebook page for example: Sample Facebook Page

    I had the thank you page use javascript redirect to Google. The google page is loaded inside the iframe without ever leaving facebook.

    <script type="text/JavaScript">

      setTimeout("location.href = 'http://www.google.com' rel="nofollow";",1500);

    </script>

    You can change the url to anything, like the homepage of the site that you have embedded in your facebook iframe.

  • Profile Image

    Answered by HCdownloadshop on September 01, 2011 at 09:55 AM

    HELP! How do we do this now that javascript method has been block by Jotform! Surely you (jotform) should have formulated a new solution for us before you removed the only one that worked...

    Please can you try to help solve this puzzle as I have tried everything in these forums and nothing is working. Is there no way for us to edit submit.php to change the URL targets? or for you to add some code that allows scripts to work or meta tags to work in you editable thank you messages... just a simple meta tag refresh would do the trick - why is that blocked?

    Any and all help GREATLY appreciated.

    Thank you in advance

    David

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 01, 2011 at 10:29 AM

    David,

    First off, there is no way to change the way submit.php targets the redirect URL. Meta tags are not allowed inside the Thank You message because only the HTML body is editable. Meta tags do not work outside of <head></head> tags.

    Sorry but JavaScript redirection in the thank you message does not work anymore. The ability to insert JavaScript in a form's thank you message was removed due to security issues.

    Create your own Thank You page hosted in your server then paste the code below on that page's source code:

    <script type="text/javascript">
    function delayer() {
    window.location = "http://www.jotform.com/form/11515117266";
    }
    setTimeout('delayer()', 3000);
    </script>

    Or you may use meta refresh tags. It should work the same way.


    Neil

  • Profile Image

    Answered by Snotra on November 28, 2011 at 02:36 AM

    It is often necessary to have a custom thank you, because I want to add the ability to share the app on facebook. This can not be added to the thank you message, and since you have removed the ability to addJavaScript redirect to this page, is the only way to send the user out and redirect back to Facebook. When you do this you must either add thank you page in a new tab or send back to the main app. None of these solutions is a solution for me, because I do not want to have a link in the left menu to to thank your page app on my facebook page. If you come back to the front of the app, the user will not be notified that the submission is received.

    Another solution is to have a link back to the facebookpage from the custom thank you page, but I think this is a bad solution to, because you send the user away from Facebook, and often do developers use own servers for Facebook apps, and not the main URL of the customers website. 

    Well, - what do do? Do really I need to choose another solution for my form than Jotform?

  • Profile Image
    JotForm Support

    Answered by liyam on November 28, 2011 at 07:04 AM

    Unfortunately, there are no other options anymore aside from the last one that you have thought of.

  • Profile Image

    Answered by dhlequipamentos on June 10, 2013 at 02:36 PM

    Hello, I need a help regarding the send button, but now I customized it when the form is submitted the button is down and showing a text, how do I remove the text and not down the button?