Browse Article by Topics

confirmation page confirmation tricks

Related Articles

Related Forum Questions

Home / Advanced Features / Confirmation Page Tricks Print

Confirmation Page Tricks

Last Update: April 30, 2012

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. Select your form from "my forms", open it, and click the "preview button" and copy the string of digits at the end of the form's URL and close the preview window.
form url digits

3. Go to "Setup & Embed" tab and click the "Thank You" button
setup and embed tab thank you message

    - Select "Thank You Message" and click next
    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".
thank you message html source editor

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

Check these steps in order to implement it to your form:
    - Change the form ID where it states "formID=12345678901" in the code to what you
      would have noted in Step 2.
    - You will also need to change "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.)
email alerts access
   
    - 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.
    questions and answers table

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.
copy code to the thank you message form q and a

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.



11 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

Send Comment