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

    How can I add pdf file in the jotform?

    Asked by teamgoldusa on May 28, 2011 at 10:53 AM
  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 28, 2011 at 11:53 AM

    Hi,

    Unfortunately, there is no feature such as this that is explicitly available within Jotform. You may try embedding your pdf file using an iframe and then adding that iframe into your form via the Free Text field, but doing so will significantly slow down the users' browser, as pdfs require the use of Acrobat Reader to display properly.

    Take a look at this sample form with pdf embedded as iframe

    To achieve that:

    1.  Upload your pdf in your web host. Get the exact url for the pdf file
    2.  Insert a Free Text HTML field in your form. It can be found under the Power Tools section

    3.  After adding, click on your Free Text field then click the HTML button in the toolbar

    4.  In the html textarea, copy the following codes:

    <iframe src="http://www.sranrrr.com/form-2.pdf" height="800px" width="100%"> </iframe>

    Replace the link with your own pdf's link. Adjust the height and width to suit your needs.

    5.  Save your form


    Alternatively, you may want to use Google's (unofficial) PDF renderer. Check out this sample form to see what I mean. This can prove to be more advantageous than the other one.

    If your intention is to just display the pdf contents inside your form, then this solution is perfect for you. Your visitor doesn't need to have Acrobat Reader to display the pdf's contents because Google converts the pdf into html, images and javascript.

    To achieve this workaround, repeat steps 1-4 but use this code instead:

    Again, replace the pdf link (in blue) with your own pdf's link. Modify the height, width and frameborder to suit your preference.

    <iframe src="//docs.google.com/gview?url=http://sranrrr.com/form-2.pdf&embedded=true" width="718px" height="700px" frameborder="0"></iframe>

     

    As always, do not forget to save your form. Let me know if you need more assistance regarding these solutions. Thank you for using Jotform.


    Neil