I need to Embed the fillable PDF on a page in my Wordpress website

  • Profile Image
    websiteteam
    Asked on November 18, 2016 at 07:05 PM

    I need to Embed the fillable PDF on a page in my Wordpress website and once filled out by user, they would have the ability to print out the completed Form? I cannot seem to find a JotForm PDF Embed URL. When I click on Publish, after converting Form to PDF, all that is available is the Standard Form, not a PDF?



    This is a re-post of a comment on JotForm Fillable PDF Creator with All Points

  • Profile Image
    jonathan
    Answered on November 18, 2016 at 11:39 PM

    You can do it using the Iframe publish code of the PDF form.

    User guide: Getting-the-form-iFrame-code

    Instead of the form URL, replace the src url with your PDF form URL instead.

    Example:

    you can add the PDF form using its url like this [embed]http://www.yourwebsite.com/pdfformurl.pdf[/embed]

     

    Hope this help. Let us know if you're not able to do it.

    Thanks.

  • Profile Image
    websiteteam
    Answered on November 19, 2016 at 10:52 AM

    I apologize for being dense. However, when I select the "More" button for a Form and then select "create PDF form", I am able to download and save a fillable PDF form to my computer. But, that does not create a URL, only a document saved to my computer. I cannot find any publish code in JotForm that publishes a PDF URL, whether it is an Iframe or other type of Embed.

  • Profile Image
    websiteteam
    Answered on November 19, 2016 at 11:44 AM
    I apologize for being dense. However, when I select the "More" button for a Form and then select "create PDF form", I am able to download and save a fillable PDF form to my computer. But, that does not create a URL, only a document saved to my computer. I cannot find any publish code in JotForm that publishes a PDF URL, whether it is an Iframe or other type of Embed.
    How do I create a pdfformurl.pdf as you reference below?
    ...
  • Profile Image
    Nik_C
    Answered on November 19, 2016 at 05:57 PM

    I'm sorry if I misunderstood what would you like to do, but what I understand is that you want to create PDF and then embed that PDF in your website? Why you can not embed form as my colleague suggested, it will be much easier and better user experience?

    If you still want to use PDF way, you can check PDF Embedder: https://www.jotform.com/help/153-How-to-display-a-PDF-document-on-your-form

    Please let us know if this can work for you.

    Thank you!

  • Profile Image
    websiteteam
    Answered on November 21, 2016 at 02:42 PM

    First - Thanks for your help.

    Second - I am able to use the following link, http://www.temptestsite.net/wp-content/uploads/2016/11/jot-form-62815126686159.pdf, in my website to access/view the subject form in IE11 and Chrome browsers and am able to use the fillable form as desired, including printing or saving the completed document.

    However, when I open the same link in Mozilla/Firefox and/or Microsoft Edge browsers, I am only able to view the form as a non-fillable version. The form is complete, just not fillable?

  • Profile Image
    david
    Answered on November 21, 2016 at 04:37 PM

    Fillable PDF forms only work properly when using a program such as Adobe Reader:

    https://helpx.adobe.com/acrobat/kb/acrobat-downloads.html

    Or Foxit:

    https://www.foxitsoftware.com/products/pdf-reader/

    If you would like to embed your form to a webpage to be used online, I would recommend using the webform:

    https://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use

  • Profile Image
    websiteteam
    Answered on November 21, 2016 at 06:52 PM

    I have Adobe Acrobat Reader DC installed in my desktop. I have changed my Embed to an Iframe at http://www.temptestsite.net/jot-form-test.

    The form is fillable in IE11 & Chrome. It is still not fillable in Mozilla or Microsoft Edge?

    I have tried the straight Embed, the Wordpress.org Embed. All have the same result - They are not fillable in Mozilla or Microsoft Edge?

  • Profile Image
    jonathan
    Answered on November 21, 2016 at 08:15 PM

    I checked and tested also on my browsers the embedded pdf form on your website http://www.temptestsite.net/jot-form-test . But so far I can only make it writable when using Chrome browser. 

    It is in read-only view when using other browser like Firefox, Edge and IE11.

    From what I have researched, the browser based PDF form will only work on Chrome browser because only Chrome have support for it.

    The other browsers doesn't have the same x-based plugin that Chrome browser have that allows it to write on a writable pdf document.

    To be able to use it on other browser, it needs to be downloaded first and then the in based app (i.e. adobe acrobat) will be used to write on the pdf document.

    Hope this help. Let us know if you need further assistance.

  • Profile Image
    websiteteam
    Answered on January 31, 2017 at 03:03 PM

    I created a new form, Clone of Negotiated Care Plan, form.jotform.com/70297567672166.

    I then created a PDF version, saved it to a file on my computer.

    I then uploaded it via a PDF embedder plugin and published it to my Wordpress.org website, https://startwebsitehere.info/wp-content/uploads/2017/01/JotForm-NCP-70297567672166-1.pdf.

    The fillable PDF version works BUT -

    There are issues with the PDF version:

    1)The 1st page header does not display;

    2)None of the HTML text's display;

    3)There are several locations in the PDF version where the form is garbled.

  • Profile Image
    david
    Answered on January 31, 2017 at 03:30 PM

    This is likely due to the size of the form.  Fillable PDF forms are intended to be supplemental to web forms and convert from web to PDF format best when using smaller forms.  With nearly 500 fields and 30 pages, I would recommend embedding the web form to your page and adding a print button:

    http://www.jotform.com/help/67-Which-Form-Embed-Code-Should-I-Use

     

  • Profile Image
    websiteteam
    Answered on January 31, 2017 at 03:55 PM

    Respectfully, I understand your response. However, the reason that I wanted to use a PDF is so that the user/client could save an "empty" version to a file on their computer and then use it multiple times, offline, for each patient/resident that they needed to keep reports for.

    Is there no method to make the PDF version work properly?

  • Profile Image
    david
    Answered on January 31, 2017 at 04:07 PM

    I have moved the distorted PDF issue to a thread of its own so I can forward it to our developers.  I will address that issue in the following thread shortly:

    https://www.jotform.com/answers/1052348