How to Embed and Display Files on Your Squarespace Site

How to Embed and Display Files on Your Squarespace Site

By Michael Chen

December 20, 2024 at 02:36 PM

To display files on your website, you can easily embed PDFs, Excel spreadsheets, PowerPoint presentations, and Google Drive files. Here's how to do it effectively:

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

Excel and PowerPoint Files

  1. Upload your file to Microsoft OneDrive
  2. Navigate to the Files page
  3. Right-click the document (Control-click on Mac) and select "Embed"
  4. Click "Generate"
  5. Copy the generated embed code

Spreadsheet chart created in Excel

Spreadsheet chart created in Excel

Squarespace loading icon

Squarespace loading icon

Google Drive Files

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

Options list in the file menu

Options list in the file menu

Blue post button on a white background

Blue post button on a white background

Adding Files to Your Site

  1. Open the page editor
  2. Add a code block where you want the file
  3. Paste the embed code
  4. Click "Save" to publish

Resizing Tips

  • For Google Drive files: Adjust "height" and "width" values in the embed code
  • For other files: Add dimensions after the URL in the embed code
  • Use width="100%" to make the document fill the column
  • Height adjustments work up to 600px

Note: Custom code modifications may affect responsive design and mobile display. For advanced customization, consider consulting with a web development expert.

Related Articles

Previous Articles