Displaying Files: How to Embed PDFs, Excel, and Google Drive Files in Squarespace

Displaying Files: How to Embed PDFs, Excel, and Google Drive Files in Squarespace

By Michael Turner

December 20, 2024 at 01:10 PM

Quickly display files like PDFs, Excel spreadsheets, and Google Drive documents directly on your site using third-party embedding options.

Embedding PDFs 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. Click Embed
  5. Click Generate
  6. Copy the embed code

Documents folder embed icon

Documents folder embed icon

Code editor on computer screen

Code editor on computer screen

Google Drive Documents

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

Horizontal menu dropdown in grey

Horizontal menu dropdown in grey

Squarespace embed link example

Squarespace embed link example

Adding Embedded Files to Your Site

  1. Open the page editor
  2. Click an insert point
  3. Add a code block
  4. Paste the embed code
  5. Save your changes

Customize Document Display

  • For Google Slides: Adjust height and width numbers in the embed code
  • For documents and spreadsheets: Add custom dimensions after the URL
  • Example:
    style="height: 600px; width: 100%"

Note: Document display may vary across devices and templates. For additional assistance with custom code, consider consulting Squarespace Forums or hiring a Squarespace Expert.

Related Articles

Previous Articles