How to Display a PDF Document on your Form

Last Update: November 24, 2016

There are two ways to display a PDF document inside a form. The first is by embedding it directly using iFrame tags. This requires a user's browser to have Adobe Reader installed. The second method utilizes a hack to display the PDF using Google Docs' PDF renderer - so there is no need for Adobe Reader.


Using our PDF Embedder Widget

1. Go to the More Fields section in the form builder.

2. Search for the PDF Embedder widget.

3. Drag/Drop it anywhere in your form.

4. Add your PDF file URL in the widget configuration. 



5. Click the Add Widget button to add the PDF. And don't forget to save your form and that's it!



Direct iFrame Method

1.  Upload the PDF file to your web host. Copy the exact location (URL) for this file.

2.  Insert a Text field in your form. This can be found under the Basic Fields section.



3.  Click the HTML button in the toolbar:



4. Copy/paste the iframe codes from this link https://www.pastiebin.com/57ceb2082e60d to the HTML area.


This is how the iframe looks like:


You need to change the http://www.jotform.com/yourfile.pdf to your actual PDF file path. You can also change the width and height value to your preferred sizes.

5. Click OK button to save the text block and click save button in the form builder to save the changes. 


For questions and inquiries, please post it in the comment box below or go to our support forum and create a new thread.


8 Comments...


   
halh (May 17, 2012 at 07:59 AM)

The solution 11474017239 displays properly in Windows 7 browsers, IE8, Firefox 10-12, and Google Chrome 18. However the pdf file does NOT display on the Mac browsers, Safari 5.17 and Firefox 12. It does display in Mac Chrome 18

View Answer


   
pakkayu (February 27, 2013 at 06:48 AM)

Sorry that isnt working for me. Ot just doesnt show anything or it removes the closing i frame tag.

thanks

Woody

View Answer


   
arronlee (July 22, 2013 at 10:08 PM)

Thanks for your nice sharing. But I used to display PDF files with the help of a [url=http://www.yiigo.com/net-document-image-plugin/pdf-plugin/pdf-read.shtml]PDF reader SDK[/url] whose way of processing is simple and fast. And I will try your sharing later.

View Answer


   
arronlee (July 22, 2013 at 10:10 PM)

Thanks for your nice sharing. But I used to display PDF files with the help of a PDF reader SDK whose way of processing is simple and fast. And I will try your sharing later.


   
genierose (December 09, 2013 at 03:47 AM)

I have not been able to import my PDF interactive form into the text area because of error 404. However, the error window gives the URL of the form; I copied the URL and pasted it and the form come up, so I know that it is available and the URL is entered correctly.

Also, when I click on "text" the HTML button that is shown in the above instructions is not there and so I clink on edit html which is in the text area and enter the iframe there. (The instructions are not what I see on my screen).

I hope you can help me be able to help me.

Thank you.

View Answer


   
genierose (December 09, 2013 at 04:28 AM)

Well, I was able to embed the form using a widget. However, There are a few problems. I have viewed the form on Firefox, Chrome, and Safari and can't fill out the form with any of those browsers. The interactive function of the form seems to have disappeared. Also, I can't get rid of the word "Click here to edit" because when I delete those words the form is also deleted.

When I view the form on Internet Explorer 11 this is what I get:
"This content cannot be displayed in a frame



This content cannot be displayed in a frame. To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame."

You can view my form here:
http://form.jotform.co/form/33421980609860

The form I imported is here:
http://quilt-festival.com/quilt-entry-form.pdf



View Answer


   
darapareddy2007 (December 26, 2013 at 12:37 PM)

The example form says :
Form not found
This form has been deleted by the owner.
Try contacting the owner of this form.

View Answer


   
hatmakh (April 23, 2015 at 10:04 AM)

I get a "page not available" error everytime I create a pdf from my form. Below is the "details" of the error:
https://jufs.s3.amazonaws.com/51095004630141/StartSmart_Form.pdf might be temporarily down or it may have moved permanently to a new web address.

Any suggestions?

View Answer


Send Comment