How to Display a PDF Document on Your Form

April 21, 2022

There are two ways to display a PDF document inside a form. The first method utilizes the PDF Embedder Widget to display the PDF. The second is by embedding the PDF directly via an iframe using the Paragraph element.

Update
We are excited to announce that we have just released the new version of Jotform PDF Editor.

How to Use the PDF Embedder Widget

  1. Click the Add Form Element button in the Form Builder.
  2. Go to the Form Elements panel’s Widget tab.
  3. Search for “PDF Embedder”.
  4. Add the PDF Embedder widget to your form.
form-builder-add-pdf-embedder-min.png
  1. Go to the General tab in the Widget Settings panel.
  2. Click the Upload File button and select your PDF document.
  3. Click the Update Widget button.
form-builder-add-pdf-embedder-upload-file-min.png

How to Embed a PDF Document Using Iframe

  1. Upload the PDF file to your server or to a 3rd party cloud storage.
  2. Take note of the PDF’s direct link. The file’s link should support the HTTPS protocol.
  3. In the Form Builder, add a Paragraph element to your form.
  4. Click the Source code icon.
form-builder-paragraph-source-code-icon-min.png
  1. Paste the following code in the Source code window:
<p><iframe style="border: none; width: 100%; height: 500px;" src="{url}"></iframe></p>
  1. Replace {url} with your PDF document’s link. You can also change the width and height values at your discretion.
  2. Click the Ok button to save the changes.
form-builder-source-code-iframe-min.png

Here’s a demo form showing both methods: https://www.jotform.com/220642685583058

Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • NAR F.I.R.S.T. Surveys
  • QSESolutions
  • Marky
  • Subspecialty
  • BRIAN FLORA
  • postfacility
  • arielganrek
  • CC
  • bplmtHRConnect
  • edorathy
  • Comprehensive401
  • Comprehensive401
  • jgroot
  • Mike
  • hatmakh
  • darapareddy2007
  • genierose
  • genierose
  • arronlee
  • arronlee
  • pakkayu
  • halh