Embed a PDF on my Website

You can add a PDF on any page of your website and make it available as a link, or you can fully embed the PDF within the frame of your webpage.

Blog - Rachel Gordon, Jumptools Inc. - Google Chrome

1. To embed a PDF to your website, your document must be hosted and online and available to the public.  

Please note that this method of embedding a PDF requires some knowledge of HTML coding.  This tutorial will include the basic code required, however if you require assistance, please contact Jumptools support.  Support for this method may be changed in the future.

1.2. When the file is uploaded, close the "Related Files" panel and click "Preview" to preview the page.  

The draft of your website will preview in another tab. It is not necessary to publish or republish your website.  

1.3. Look for the "Related Files" section on the preview page

Click the link to open the file

1.4. The document will open in a new window. Look for the address of the document on the address bar.

The address bar is usually at the top of your browser. Highlight and copy the address of the PDF.

1.5. This PDF can be embedded to your site using an iframe code. The basic code is as follows: 
<iframe src="-- PDF ADDRESS HERE --" height="600" width="600"> </iframe>
Click to copy
  1. Replace  -- PDF ADDRESS HERE -- between the quotation marks with the full pdf address you copied
  2. Adjust the height and width as needed
  3. Add any additional iframe attributes if required.   

2. From the Page menu on the left, choose the page you want to add content to

If the Page or Chapter you want to add the code to doesn't exist, create it. Click here for instructions.

3. From the Builder Actions palette, click on 'Add Paragraph'

4. Select the Multimedia type and paste the code

1. Click on the filmstrip icon to select the multimedia paragraph tool

2. Paste your code into the Embed box

3. Click on the Done button

After previewing, if the PDF looks too small, feel free to adjust the PDF's height by adjusting the height value.  

5. Make sure to save your changes and click Publish to publish your website.

Feel free to Preview your changes before saving and publishing