How to Display Files on Your Website: PDF, Excel and Google Drive Embedding Guide

How to Display Files on Your Website: PDF, Excel and Google Drive Embedding Guide

By Michael Chen

December 20, 2024 at 01:10 PM

Here's how to embed files on your website:

.PDF Files

Use Issuu to embed PDF documents directly on your website. Simply upload your PDF to Issuu and follow their embedding instructions.

Excel and PowerPoint Files

  1. Upload your file to Microsoft OneDrive
  2. Navigate to the Files page in OneDrive
  3. Right-click the document (Control + click on Mac)
  4. Select "Embed"

Documents folder embed icon

Documents folder embed icon

  1. Click "Generate"
  2. Copy the embed code

Code editor on computer screen

Code editor on computer screen

Google Drive Files

  1. Open your document in Google Drive
  2. Click File
  3. Select "Publish to the web"

Horizontal menu dropdown in grey

Horizontal menu dropdown in grey

  1. Click "Publish"
  2. Copy the code from the Embed tab

Squarespace embed link example

Squarespace embed link example

Adding Embedded Files to Your Site

  1. Open your page editor
  2. Click an insert point
  3. Add a code block
  4. Paste the embed code
  5. Save your changes

Resizing Documents

  • For Google Slides: Adjust "height" and "width" values in the embed code
  • For documents and spreadsheets: Add height and width parameters after the URL
  • Example:
    style="height: 600px; width: 100%"

Note: Adjust the "600px" value to change height. Setting width to 100% makes the document span the full column width.

Related Articles

Previous Articles