There are many instances when you want to add a PDF document to your website. Whether it be information about an event, additional resources for site visitors or a general fact sheet, it’s important that documents are easy to find and open. We’ll show you the steps to add a PDF to a page on your website.

Depending on your website theme and features, the same process can also be used to add a PDF to other places on your site like blog posts, volunteer opportunities, causes and events.

Upload and Add the PDF to a Page

  • Select the PDF you would like to add to your website. Make sure it is titled something specific and saved to your desktop or in a place easy to find.
  • Navigate to the page where you would like to add your PDF.
  • Add a new File Block using the + icon in the upper left corner of your page.
A screenshot of the common blocks in the layout elements highlighting the File  block icon and Add a block icon
  • The File Block will load and you’ll see a light gray box appear. If you’re uploading a new file, click the Upload button and find where your file is saved. Or, if you’re linking to a file you’ve already uploaded, click the Media Library button and select your file.
A screenshot of the File block highlighting the Upload and Media Library buttons
  • A link with a “Download” button to the right of it will be automatically inserted onto the page.
A screenshot of a file block with a sample PDF file and a download  and copy URL buttons beside it

Adjust your PDF settings

When you’re in the File Block, you’ll notice some setting options in the right-hand sidebar. Be sure the “Open in New Tab” Toggle is switched ON. The toggle will turn blue when it’s on.

You can also decide whether or not to show the Download button that automatically appears. Either way, both the text and the button will automatically be linked and clickable on the front end of your site.

A screenshot of the file block highlighting the Open in New Tab and Show Download Toggle

You can edit the link text and the button text by clicking your cursor over what you’d like to edit, and making changes as you would to standard text.

A screenshot of the file block pointing at the Get It Now button

Preview Your Page

Your PDF will now appear as a clickable link on your page. Preview the page to ensure that it appears as you’d like it to and that the PDF opens as expected.

A screenshot of the front end of a website displaying the File block with a sample PDF

Still Have Questions?

The quickest way to get support is to reach out to us within your website’s admin dashboard. Log into your website and then fill out the Website Support form. You’ll hear back from us within one business day.