Using Issuu with Squarespace

Última actualización: 17 de enero de 2025

Puedes usar Issuu para insertar archivos .pdf en tu sitio de Squarespace. Esta es una excelente opción para presentar currículos, muestras de trabajo y otros documentos.

Cómo acceder a esta función

Los pasos de esta guía incluyen agregar código avanzado a un bloque de código, que está disponible en los planes Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace correcto.

Cómo acceder a esta función

The ability to embed content is only available on Issuu's paid plans.

Step 1 - Upload files to Issuu

To upload files:

  1. Log into your Issuu account or create a new account.
  2. Haz clic en Cargar en el menú de navegación de la izquierda.
  3. Arrastra y suelta un archivo en el cuadro, o haz clic en un método para subir el archivo.

Después de cargar un archivo a Issuu, aparece en Publicaciones. Para obtener más ayuda, visita la documentación de Issuu.

Step 2 - Get your Issuu code

Para obtener el código insertable:

  1. En la navegación izquierda de Issuu, haz clic en Publicaciones.
  2. Haz clic en la publicación que deseas insertar.
  3. En la parte izquierda de la navegación en Compartir, haz clic en Insertar en el sitio web.
Issuu_embed_code_on_website.png
  1. Se abrirá una página en la que puedes personalizar el aspecto del archivo. Cuando termines de personalizar el archivo, haz clic en Obtener código de inserción.
  2. Copy the code from the pop-up message that appears.

For more help, visit Issuu's documenation.

Step 3 - Add the code to your Squarespace site

  1. Inicia sesión en tu sitio de Squarespace.
  2. Open the editor for the page or post where you'd like to display your file.
  3. Haz clic en un punto de inserción y en Código en el menú Bloque.
  4. Pega el código Issuu en el bloque de código.

    Issuu_code_added_to_a_Code_Block.png
  5. Aparece un mensaje Script deshabilitado sobre el bloque de código en lugar del archivo cargado. Este mensaje solo te aparece a ti y no a los visitantes. El código personalizado no se representa cuando inicias sesión en el sitio para editarlo. Para ver el archivo insertado, visualiza la página mientras cierras sesión o en un navegador privado.
  6. Haz clic en Guardar para publicar los cambios.

Step 4 - Preview the .pdf

To see the embedded file, view the page while logged out or in a private browser.

You can also click the Issuu file to view the .pdf in a full-screen lightbox. Learn more in Issuu's documentation.

Troubleshooting file display issues

  • Los archivos PDF de Issuu no se mostrarán desde una página de índice. Para solucionar este problema, usa la opción iframe de Issuu.
  • Issuu .pdfs may not display properly on templates with Ajax loading.

Nota

La personalización basada en código está fuera del alcance de nuestro soporte técnico. Esto significa que no podemos ayudarte más con la configuración o la solución de problemas. Además, con una solución basada en código, no podemos garantizar su funcionamiento o la compatibilidad total con Squarespace. Esto incluye cómo funciona con nuestro diseño adaptativo, en especial, su aspecto en dispositivos móviles y sus funciones en todas las plantillas. Las personalizaciones basadas en código también pueden causar problemas de visualización, con futuras actualizaciones a nuestra plataforma. Aunque no podemos ayudarte más, hay muchos recursos que te pueden orientar en la dirección correcta:

Do more with .pdfs

Squarespace has a few built-in options for adding .pdf files to your site:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.