How to Embed Documents and Files on Your Squarespace Website

How to Embed Documents and Files on Your Squarespace Website

By Michael Chen

December 20, 2024 at 03:53 PM

Learn how to embed and display files like PDFs, Excel spreadsheets, and Google Drive documents directly on your website.

PDF Files

  • Use Issuu to embed PDFs onto your website
  • Follow Issuu's documentation for specific steps

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"

Blue folder of documents

Blue folder of documents

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

OneDrive embedded link

OneDrive embedded link

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

Google Drive Documents

  1. Open your document in Google Drive
  2. Click File > 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 embedded code
  3. Save your changes

Customizing Document Display

  • For Google Slides: Adjust height and width dimensions in the embed code
  • For documents and spreadsheets: Add height and width parameters after the URL
  • Use Spacer Blocks to adjust width
  • Set width to 100% to fill the column

Note: Custom code modifications are not covered by support and may affect responsiveness or compatibility across templates and mobile views.

Additional Resources

  • Review best practices for custom code
  • Consult the general guide on third-party customizations
  • Visit the community forum
  • Consider hiring an expert for custom code solutions

Related Articles

Previous Articles