How can I add pdf file in the jotform?

  • Profile Image
    Asked on May 28, 2011 at 10:53 AM
  • Profile Image
    Answered on May 28, 2011 at 11:53 AM


    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="" 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="//" 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.