Confirmation Page Tricks

Last Update: June 18, 2014

Update:

*** It is highly probable that this trick will not work anymore due to the security updates done on the form's custom Thank You page that prevents custom injected scripts from working. However, we have created a special widget that lets you preview form entries before submitting the form. You can get it here http://widgets.jotform.com/widget/preview_before_submit
====================================================================

Sometimes, especially in the case of long multi-page forms, you may want to provide users the opportunity to review their entries before submitting the form. Making a confirmation page is not an easy task but we provided you with some tricks to create confirmation pages.

Here is what to do:

1. Copy all of this code to somewhere (notepad, a text editor etc.) to use it later on.

2. Edit your form in the form builder. Go to My Forms, select a form and click Edit

3. Go to "Setup & Embed" tab > Thank You > select "Thank You Message
   

4. When the "Thank You message" window pops up, click the Edit HTML Source button to load the "HTML Source Editor".


In the "HTML source editor" paste the code from step 1 where it is shown

    
    ***Make sure to change the "http://www.example.com" in the code to the address
      an actual "Thank You" page on your web site.

5. Click "Update" to close the HTML Source Editor and then click "Finish" to close the "Thank You Page Wizard".

6. Save the form and then click "Email Alerts" and if the default notification still exists and its "Compose Email" section still has its original content, copy that content to somewhere (notepad, a text editor etc.)
   
Click anywhere inside the "Questions and Answers" table, hit (Ctrl+A) to select all of it and then (Ctrl+C) to copy it, close the notification window.


   

7. Re-open the Thank You message, click to the right of the sentence that states: "Your submission has been received." to move the insertion point to that position and then paste the stuff you got from step 6, click "Finish" and save the form.


8. The confirmation page process is essentially finished however you can now replace the default "Thank You! Your submission has been received." with something like Thanks {Name}. Please review your entries and if you see any errors, click the 'Edit Entries' button. Otherwise, just complete the submission.


That's about it. To see the confirmation process in action, complete and submit this form. You may clone it if you wish. Please ask questions if you get stuck somewhere in this article in the comments below or in our forum.


Additional Information:
  • Tags to display uploaded images are explained by Serkan (one of our developers) in this forum thread. (Incidentally, such tags don't work with multi-upload buttons.)

  • An explanation of how the headers from the postal address were removed from the confirmation page of the sample form can be found here.


You have already voted for this item. Your vote was: 1

16 Comments...

Jana - October 18, 2011 at 01:57 PM    

I tried to follow these directions but am unable to get this to work on my form. I clicked on the example to see the confirmation process in action above. This is exactly what I want to do with my form but I can't get it to work. I need someone to send me the code to make the following form have a confirmation like the example above:
http://www.jotform.net/form/12273422750
Thanks!

View Answer

CTSLifelongLearning - December 28, 2011 at 10:24 AM    

Thank you. This is very helpful.

I've created the confirmation page, but when I click "Edit Entries," sometimes it takes me back to a new form rather than the form with the entries I just added. Am i missing part of the code somewhere?

Thanks.

View Answer

mmeyers - February 07, 2012 at 03:17 PM    

This seems to work, but wouldn't the confirmation autoresponder get sent when they click submit before they get the confirmation message? How would I only send it after they confirm and send on this new custom page?

View Answer

Region25 - May 07, 2012 at 09:20 AM    

When I click on the "this code" link in step 1, 2 buttons appear, but no code. Anywhere else I can get that code? Thanks!

View Answer

maria dominguez - June 15, 2012 at 10:24 PM    

Can you please send me a confirmation page.

View Answer

ChristianP - July 26, 2012 at 07:14 AM    

Hello,

ich created the confirmation page as explained above. When clicking "Edit entries" the following message appaeras:

Invalid Form URL
This form is not available for this domain.
http://www.jotformeu.com/form/22064288205349

The for ID is http://form.jotformeu.com/form/22064288205349

Thank in advance for any help!

View Answer

aleetesting - July 28, 2012 at 03:40 PM    

Hi, I have a question. Is it possible to implement this trick in the embedded form _

View Answer

aleetesting - August 02, 2012 at 04:00 PM    

Hi, I would like to find out, where I can change the following text while redireting: ("Please wait while redirecting")
I want to put transcription in different leangauge

View Answer

carriesherburne - August 29, 2012 at 04:47 PM    

Thanks for the trick. Unfortunately, when I click the "edit entries" button, I get a message that the form has been moved or deleted. Can you help?
http://form.jotform.us/form/22415379553154

View Answer

Peter Varitimos - February 21, 2013 at 07:41 PM    

I followed the instructions exactly.

There are two issues:

1) The name tag did not populate a name in the Thank you page. So it just said Thank you! instead of Thank you Peter!

2) When I click the Edit Entries button, I get an error message that states "Form not Found" This form has been deleted by the owner. Try contacting the owner of this form.

The form I used this on is the "Referee Availability Schedule"

Thank you for your help.

View Answer

rtdnac - February 22, 2013 at 06:39 PM    

When I try this, I get an error message when I try to Edit Entries, as described above.

Invalid Form URL
This form is not available for this domain.
http://www.jotform.us/form/30516773836157

Here is the code I'm using.

Edit EntryComplete Submission

View Answer

LostDogsArizona - June 23, 2013 at 07:01 PM    

I tried adding the confirmation page and it all seems to work well until you try to edit the submission form after reviewing the confirmation page. I receive the following error message "INVALID FORM URL This form is not available for this domain http://form.jotformpro.com/form/30576733176964".
What needs to be done to allow submitters to go back and edit the form they submitted?

View Answer

skyadinc - October 14, 2013 at 04:57 PM    


I've tried adding the confirmation page trick to our website and it gave me the Invalid Form URL, so I tried adding a submission.html page with the following.

document.write(" ");


Unfortunately it is now giving me a 404 error when I try to edit the entry.

View Answer

habhab - November 02, 2013 at 07:05 AM    

One question to these instructions above:

Why did I have to copy the "string of digits at the end of the form's URL" in the preview window? Because I don't find in the instructions where I have to use this. Or do I have to replace the field {edit_link} with this? Although, without doing that, the form just works fine and jumps back to my form to edit it.

View Answer

dcowan - November 13, 2013 at 10:42 AM    

What is the default Thank You Page URL? When I select submit I get to the correct edit and review your submission. I make the corrections hit submit again and then confirm then get an error of this domain does not exist. I have tried google, http://form.jotformpro.com/form and never recieve the corrrected form.
Clone of Allow Users to Confirm Their Submissions is form I am testing with.

Thank You,

View Answer

drakeladue - January 22, 2014 at 11:09 AM    

Not sure what I have done wrong. Any ideas?

http://www.jotform.com//?formID=40205176559960

View Answer

Hi