Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Displaying files on your site

You can display .pdfs, Excel files, PowerPoint presentations, and Google Drive files on your site by embedding third-party code. This guide lists steps for a few popular services and methods.

Nota: incorporare i file può influire sul responsive design del tuo sito su browser più piccoli e dispositivi mobili. L'utilizzo di Blocchi codice per incorporare file con iframes è una funzionalità Premium. Tutte le personalizzazioni e le modifiche del codice di terze parti non rientrano nell'ambito dell'assistenza Squarespace.
Tip: To add downloadable files to your site, use a file link instead.

.Pdfs

Use Issuu to embed .pdfs in your Squarespace 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.

  1. Click Generate.
  2. Copy the code from the Embed code box.

  1. In Squarespace, open the editor for the page or post where you'll place the file.
  2. Clicca su un punto di inserimento e aggiungi un Blocco codice.
  3. Paste the embed code into the Code Block and click Apply.
  4. Clicca su Save (Salva).
Tip: Adjust the "height" and "width" numbers in the embed code to change the display size.
Nota: per maggiori informazioni su come incorporare file di Excel e PowerPoint, consulta la guida di Microsoft.

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.

  1. Click Publish.
  2. Copy the code in the Embed tab.

 

  1. In Squarespace, open the editor for the page or post where you'll place the file.
  2. Clicca su un punto di inserimento e aggiungi un Blocco codice.
  3. Paste the embed code into the Code Block and click Apply.
  4. Clicca su Save (Salva).

Document resizing tips

Alcuni codici di incorporamento di Google Drive, come quello per le presentazioni, includono le dimensioni "altezza" e "larghezza". Modifica questi numeri per regolare le dimensioni del display.

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 snippet after the URL in the embed code:

height="600px" width="100%"

Adjust the number within "600px" to change the height. To adjust the width, use Spacer Blocks. Setting the width to 100% means the document will span the width of its column.

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

Nota: consulta la documentazione di Google per maggiori informazioni su come incorporare i file di Google Drive e impostare le autorizzazioni di modifica.

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. 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:

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 34 su 58
Displaying files on your site