How to Display PDFs and Documents on Your Website Using a Website Builder

Scientific Study Support

Last Update 2 months ago

Step 1: Create a Dedicated Page
  1. Open your website builder dashboard.

  2. Click on "Add Page" and choose a blank page template.

  3. Name the page something relevant like "Downloads".

  4. Click Add Page to create it.

Step 2: Add a Section and Title
  1. On the new "Downloads" page, double-click to edit the content.

  2. Add a blank section to the page.

  3. Choose the "Add Component" option and select Title.

  4. Enter a title like "Download Resources" or something similar.

  5. Click Save to store your changes.

Step 3: Add the Documents Component
  1. Scroll down the component list and find the "Documents" component.

  2. Click on it to add it to your page.

  3. You will be prompted to select a folder from your drive.

Step 4: Upload PDFs to the Folder
  1. In your connected drive, create a folder named something like "Documents".

  2. Inside this folder, click on Upload Content.

  3. Select and upload your PDF files (you can also upload Word docs).

  4. Optionally, provide a description for each file.

Step 5: Link the Folder to Your Website
  1. After uploading, click on the three dots beside the folder name.

  2. Select "Choose Folder".

  3. The folder is now linked to the Documents component on your page.

Step 6: Preview and Test
  1. Click Save on the component.

  2. Click Preview to view the live version of the page.

  3. The PDFs you uploaded should now be visible and downloadable.

Step 7: Add More PDFs in the Future
  1. Simply add more files to the linked folder.

  2. No additional changes to the website are needed—the files will auto-display.

Benefits
  • Easy updates without website reconfiguration.

  • Supports multiple file types and dynamic content updates.

  • Clean and professional document presentation.

Was this article helpful?

0 out of 1 liked this article

Still need help? Message Us