This article is also available in:
This Guide is can be used to link to any kind of file or document which has been published on the internet such as: PDF, Word, Spreadsheets such Excel, database files or Software downloads etc.


Integrating a File on the Website
Imbedding a File on the Website

Integrating a File on the Website

Upload the document or file to a remote storage site of your choice, such as Gdrive, Onedrive or Dropbox, and make sure it's published so that anyone with the link can view it. For the example below we're using Google Drive as our repository.

Get Link > Anyone with the link > Viewer > Copy link

Copy the provided link, make sure it's correctly configured so that anyone, using the link may access the document. You only need to set it to be viewable, in fact that is what we'd reccomend.

In your editor for your website, insert a Section of the PDF Widget type.

Click on the PDF-Widget and and select Edit Widget.

In the Menu that should pop up in the right hand side of the screen you should be able to find a file URL bar in which you paste in the url you got from Gdrive etc.

For Gdrev it's important that you edit the file URL so that rather than ending with:`/view?usp=sharing` the file ends with /preview.

Imbedding a File using HTML

To Imbed a PDF file using HTML without the use of our Widget system, you'll have to do the following:

Locate the file on Gdrive, Onedrive, Dropbox, Box, etc, now Open the file in a new Tab or Window > Click on the three horizontal dots ••• and select (Embed Item).

Here you'll be presented with a code HTML in a Section. Copy the code for the file or document and insert it onto your section using the paste short-cut. Depending on your Operative System this shortcut may vary.

To Copy in Windows and Linux just press: CTRL+C at the same time. For Pasting on Windows and Linux, press: CTRL+V at the same time.
To Copy on MacOS press the CMND and C buttons at the same time, for pasting press CMND and V at the same time.

The Width / Height parameters of the code controls the corresponding measurements of the file when inserted onto your site. Many simply choose to set the width to 100 by typing: 'widthe_"100%"´ this will mean that the document's with is scaled to full size.
Was this article helpful?
Thank you!