Guide: How to Embed Document Files on your Squarespace Site

Guide: How to Embed Document Files on your Squarespace Site

By Michael Turner

December 20, 2024 at 02:35 PM

Embed files like PDFs, Excel spreadsheets, and Google Drive documents directly on your site using these straightforward methods:

PDF Files Use Issuu to embed PDF files on your site.

Excel and PowerPoint Files

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

OneDrive menu with "Embed" option selected

OneDrive menu with "Embed" option selected

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

HTML code highlighted in yellow

HTML code highlighted in yellow

  1. Add a Code Block to your page
  2. Paste the code and save

Google Drive Files

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

Google Docs editing screen

Google Docs editing screen

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

Text highlighted on web page

Text highlighted on web page

  1. Add a Code Block to your page
  2. Paste the code and save

Resizing Tips

  • For presentations: Modify height and width numbers in the embed code
  • For documents and spreadsheets: Add dimensions after the URL in the embed code
  • Set width to 100% to match column width
  • Use Spacer Blocks to adjust positioning

Note: These code-based customizations may be affected by platform updates and are not covered by support services. For additional help, consider consulting the platform's documentation or hiring an expert.

Related Articles

Previous Articles