How to Display and Embed Files on Your Squarespace Site

How to Display and Embed Files on Your Squarespace Site

By Michael Turner

December 20, 2024 at 03:53 PM

Display files easily on your website by embedding .pdfs, Excel spreadsheets, PowerPoint presentations, and Google Drive files. Here's how to do it for each type:

.PDFs Use Issuu to embed .pdf files directly into your website.

Excel and PowerPoint Files

  1. Create a Microsoft OneDrive account
  2. Upload your file to OneDrive
  3. Access the Files page
  4. Right-click the document (Control + click on Mac)
  5. Select "Embed"

Blue document folder

Blue document folder

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

OneDrive embed link

OneDrive embed link

  1. Add a Code Block to your page
  2. Paste the embed code
  3. Save your changes

Google Drive Files

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

Squarespace site menu

Squarespace site menu

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

Squarespace embed link

Squarespace embed link

  1. Add a Code Block to your page
  2. Paste the embed code
  3. Save your changes

Resizing Tips

  • For Google Slides: Adjust "height" and "width" values in the embed code
  • For Documents and Spreadsheets: Add dimensions after the URL:
    style="height: 600px; width: 100%"
    
  • Use Spacer Blocks to adjust width
  • Setting width to 100% makes the document occupy full column width

Note: Custom code modifications may affect responsive design and mobile appearance. Consider consulting with a website expert for complex implementations.

Related Articles

Previous Articles