How to Embed Files & Documents in Squarespace: A Complete Guide

How to Embed Files & Documents in Squarespace: A Complete Guide

By Michael Thompson

December 20, 2024 at 02:36 PM

Here's how to embed and view files directly on your site using third-party services:

PDF Files

  • Use Issuu to embed PDF files on your site
  • Follow Issuu's embedding instructions for proper display

Excel and PowerPoint Files

  1. Upload your file to Microsoft OneDrive
  2. Open the Files page in OneDrive
  3. Right-click the document (or CONTROL + click on Mac)
  4. Select "Embed" and click "Generate"
  5. Copy the generated embed code

OneDrive menu with "Embed" option selected

OneDrive menu with "Embed" option selected

Highlighted HTML code in yellow

Highlighted HTML code in yellow

Google Drive Files

  1. Open your document in Google Drive
  2. Click File → Publish to the Web
  3. Click Publish and copy the embed code from the Embed tab

Google Docs screen in editing

Google Docs screen in editing

Text highlighted on web page

Text highlighted on web page

Adding Embedded Files to Your Site

  1. Open the page editor where you want to add the file
  2. Add a Code Block at your desired location
  3. Paste the embed code into the Code Block
  4. Save and publish your changes

Resizing Tips

  • For presentations: Modify height and width values in the embed code
  • For documents and spreadsheets: Add height/width parameters after the URL
  • Use Spacer Blocks to adjust width
  • Set width to 100% to fill the column

Note: Custom code implementations are not supported by customer service and may require developer assistance for troubleshooting or optimization.

Related Articles

Previous Articles