Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

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: Incrustar archivos puede afectar el diseño adaptativo de tu sitio en los navegadores más pequeños y en los dispositivos móviles. Usar Bloques de código para insertar archivos con iframes es una función premium. Todas las personalizaciones y las modificaciones de código de terceros están fuera del alcance del soporte técnico de 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. Haz clic en un punto de inserción y agrega un Bloque de código.
  3. Paste the embed code into the Code Block and click Apply.
  4. Haz clic en Guardar.
Tip: Adjust the "height" and "width" numbers in the embed code to change the display size.
Nota: Para informarte mejor sobre cómo incrustar archivos de Excel y de PowerPoint, consulta la guía de 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. Haz clic en un punto de inserción y agrega un Bloque de código.
  3. Paste the embed code into the Code Block and click Apply.
  4. Haz clic en Guardar.

Document resizing tips

Algunos códigos para insertar de Google Drive, como los códigos para documentos de Slides, incluyen dimensiones de "altura" y "ancho". Modifica estos números para ajustar el tamaño de la pantalla.

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 documentación de Google para informarte mejor sobre cómo insertar archivos de Google Drive y cómo configurar los permisos de edición.

More help

La personalización basada en código queda fuera del alcance de nuestro soporte técnico. Esto significa que no podemos ayudar más con la configuración o solución de problemas.

Además, dado que estas son soluciones basadas en código, no podemos garantizar su funcionalidad o compatibilidad total con Squarespace. Esto incluye cómo funcionan con nuestro diseño adaptativo, especialmente la apariencia en dispositivos móviles y si funcionan en todas las plantillas. Las personalizaciones basadas en código también pueden causar problemas de visualización con futuras actualizaciones de nuestra plataforma.

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

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 34 de 65
Displaying files on your site