How to Embed Documents and Files on Your Squarespace Site

How to Embed Documents and Files on Your Squarespace Site

By Michael Thompson

December 20, 2024 at 01:11 PM

Display files directly on your site by embedding third-party code for PDFs, Excel spreadsheets, PowerPoint presentations, and Google Drive files.

PDF Files Embed PDFs using Issuu to display them on your website.

Excel and PowerPoint Files

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

Embed option in pop-up menu

Embed option in pop-up menu

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

iframe code for OneDrive

iframe code for OneDrive

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

Google Drive Files

  1. Open your document
  2. Click File > Publish to the web

Download and save web page

Download and save web page

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

"Code to embed link"

"Code to embed link"

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

Resizing Tips

  • For slide presentations: Adjust height and width numbers in the embed code
  • For documents and spreadsheets: Add height and width parameters after the URL
  • Set width to 100% for full-column coverage
  • Use spacer blocks to adjust width as needed

Note: All custom code modifications are at your own discretion and may require additional support from a developer or expert for optimal functionality.

Related Articles

Previous Articles