Introduction

You can add up to ten (10) files to your site as 'assets' like Adobe Acrobat PDFs or custom JavaScript files to your site through the Site File Uploader.

It is not possible to upload a PDF and have it viewable in a Gallery Page or Custom Page like a normal JPG, PNG or animated GIF file.

Tap any image to view at larger size.


In this article
  • Access the Design Editor
  • Activate the 'Code Editor'
  • Upload file/s
  • Exit the Advanced Editor
  • Add copied link to page

Access the Design Editor

Activate the Design Editor in the left sidebar of your Format Dashboard
  1. From your Dashboard, expand the left Sidebar and tap 'Design Editor'.

Activate the 'Code Editor'

Code Editor access for uploading site assets and PDF files
  1. Tap the "Code Editor" button.

You will be presented with the Warning below:

Advanced Editor warning screen about support for changes made here


Tap "Continue Anyway" to proceed to the Advanced Code Editor and the Site File Uploader.


Upload file/s

https://s3.amazonaws.com/elevio-article-assets/5898e1f957b93/58e6b7f0bc9e1_04-edit-code-upload-pdf.gif

Click on "User Stylesheet CSS" dropdown and scroll to the very bottom of this list.

You can upload up to 10 files, either PDFs, images or JavaScript files. File sizes can be up to 20mb.

Select File to Upload

https://4ormat-knowledge-base.s3.amazonaws.com/screensteps/Upload_a_PDF/site-file-upload-zero.png

Click "+ Upload File" to select the file.

Copy Link

https://4ormat-knowledge-base.s3.amazonaws.com/screensteps/Upload_a_PDF/site-file-uploaded.png

  1. Click "Copy Link" to copy the path to your newly uploaded file to the clipboard.
  2. Clicking the 'X' will delete the Site File.

Exit the Advanced Editor

https://s3.amazonaws.com/elevio-article-assets/5898e1f957b93/58e6b981e73ad_05-edit-code-return-to-editor.png

Once you see the message "Link Copied" scroll back to the top of the list and click "Return to Editor" and "Close"


Add copied link to page

https://s3.amazonaws.com/elevio-article-assets/5898e1f957b93/58e71e4e14100_06-copy-link-from-pdf-to-custom-page.gif

Go to the Page where you want your PDF to be downloaded from (usually the About page).

Add or edit the text so that it is personalized to you.

Select the portion of text you want to use as the link.

Tap the 'link icon'.

The 'Create a Link' popup dialogue box will appear

Select 'Website'

Enter the URL field and paste.

Select 'Open in new window'

Tap 'Create' or 'Cancel' to exit

Save Page.

Preview and test on your Live Site.


Reach us online at our live chat or via our email info@format.com if you have any more questions. We’re happy to help!