How to Embed and Display Files on Your Website: A Complete Guide

How to Embed and Display Files on Your Website: A Complete Guide

By Michael Thompson

December 20, 2024 at 01:10 PM

Display formats for files on your website using simple, third-party embeds that work seamlessly with your content.

PDF Files Use Issuu to embed PDF files directly into your website pages.

Excel and PowerPoint

  1. Upload your file to Microsoft OneDrive
  2. Open the Files page
  3. Right-click the document and select Embed
  4. Click Generate
  5. Copy the embed code

Open Excel file button

Open Excel file button

Squarespace menu options for website templates

Squarespace menu options for website templates

Google Drive Documents

  1. Open your document
  2. Click File > Publish to the web
  3. Click Publish
  4. Copy the code from the Embed tab

Web link and publishing options

Web link and publishing options

Squarespace website embed dialog

Squarespace website embed dialog

Adding Embedded Files to Your Site

  1. Open the page editor where you want to display the file
  2. Click an insertion point to add a code block
  3. Paste the embed code
  4. Click Save to publish

Resizing Tips

  • For Google Slides: Adjust height and width values 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 fall outside standard support scope. For best results:

  • Follow best practices for custom code
  • Test thoroughly across devices
  • Consider hiring an expert for complex customizations

Related Articles

Previous Articles