Displaying files on your site

You can display files on your Squarespace 5 site by embedding third-party code. This guide lists steps for a few popular services and methods.

Before you begin

  • Embedding files may affect your site's display. All third-party customizations and code modifications fall outside of the scope of Squarespace support.
  • To add downloadable files to your site, add them to file storage and then share them.
  • See our tips for adding HTML to your site.

.Pdfs

Use Issuu to embed .pdfs in your Squarespace 5 site.

Excel and PowerPoint

To display an Excel or PowerPoint file, you’ll need a Microsoft OneDrive account. You can sign up for OneDrive here.

  1. Open OneDrive.
  2. Upload your Excel or PowerPoint document. For help, visit their documentation.
  3. In OneDrive, open the Files page.
  4. Right-click (Control + click on a Mac) the document, and click Embed.
  5. Click Generate.
  6. Copy the code from the Embed code box.
  7. In Squarespace 5, add the HTML to your site.
Tip: Adjust the "height" and "width" numbers in the embed code to change the display size.
Note: To learn more about embedding Excel and PowerPoint files, visit Microsoft's guide.

Google Drive (formerly Google Docs)

After creating a document in Google Drive, follow these steps:

  1. Open your document in Google Drive.
  2. Click File.
  3. Select Publish to the web.
  4. Click Publish.
  5. Copy the code in the Embed tab. 
  6. In Squarespace 5, add the HTML to your site.

Document resizing tips

  • Some Google Drive embed codes, like the code for Slides documents, include "height" and "width" dimensions. Adjust these numbers to adjust the display size. 
  • Embed codes for other files, such Docs and Sheets, don't specify height and width dimensions. You can set the height and width by adding this code after the URL in the embed code: height="600px" width="100%"

code-V5.png

As with all code modifications, be aware that this falls outside the scope of Squarespace support.

Note: Visit Google's documentation to learn more about embedding Google Drive files and setting editing permissions.  

More help

Third-party customization falls outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting.

Additionally, since these are code-based solutions, we can’t guarantee their functionality or full compatibility with Squarespace 5. This includes how they function with our responsive design, particularly the appearance on mobile devices, and if they function on all templates. Third-party customizations can also cause display issues with future updates to our platform.

While we can't help further, there are many resources that can point you in the right direction:

Was this article helpful?
0 out of 3 found this helpful