Añadir un icono de PDF a Squarespace

En Squarespace, hay una diferencia importante entre enlazar un PDF e incrustarlo. Un enlace estándar simplemente permite a los visitantes abrir un PDF en una pestaña nueva o descargarlo, lo que los saca de tu página. Incrustarlo significa que el documento aparece directamente en la página, para que los visitantes puedan verlo sin salir de tu sitio web. 

Con la herramienta gratuita de Smallpdf Incrustar PDF, puedes mostrar fácilmente un PDF directamente en tu página en lugar de enviar a los visitantes a otro lugar. Te mostraremos cómo hacerlo.

¿Viste qué fácil fue? Y lo mejor de todo es que puedes añadir tantos enlaces como quieras o actualizar tus archivos existentes. Solo vuelve a seguir cada paso y verás cómo se transforma tu sitio web.

Tienes varias opciones para añadir archivos PDF a tu sitio de Squarespace. Cada método funciona de forma diferente, así que veamos cuándo usar cada uno:

Herramienta Incrustar PDF de Smallpdf

• Qué es: Nuestra herramienta gratuita genera código de incrustación que muestra tu PDF directamente en la página.

• Cuándo usarla: Es la mejor opción cuando quieres que los visitantes vean un PDF directamente en tu sitio de Squarespace sin abrir una pestaña nueva. Ideal para documentos como folletos, menús o archivos de referencia en los que es importante permanecer en la página.

• Ventajas: Muestra archivos PDF directamente en tu sitio web. Funciona con PDF de cualquier tamaño. Incluye funciones de seguridad integradas.

• Contras: Debes copiar y pegar código HTML en un bloque de código.

Enlace nativo de Squarespace a un archivo (botón o texto)

• Qué es: Sube tu PDF directamente a Squarespace y crea un enlace o un botón de descarga.

• Cuándo usarlo: Ideal para descargas sencillas cuando no necesitas funciones de visualización o edición en línea.

• Ventajas: No necesitas herramientas externas. El proceso de subida es simple. Se integra limpiamente con el diseño de Squarespace.

• Contras: Límite de tamaño de archivo de 20 MB. Los archivos se abren en una pestaña nueva para descargarlos, en lugar de verse directamente en la página. Los visitantes no pueden editarlos.

Presentación de diapositivas en galería (imágenes de tu PDF)

• Qué es: Convierte las páginas de tu PDF en imágenes y muéstralas en una galería de Squarespace.

• Cuándo usarla: Ideal para documentos visuales como portafolios, catálogos o presentaciones en los que quieres un aspecto de galería más pulido.

• Ventajas: Presentación visual atractiva. Carga rápida. Galerías adaptadas a dispositivos móviles.

• Contras: No se puede buscar ni seleccionar el texto. Hay un paso extra para convertir el PDF en imágenes. No hay opción para descargar el PDF original.

Veamos el proceso completo para añadir un PDF a tu sitio de Squarespace usando la herramienta de Smallpdf.

Genera tu código de visor en Smallpdf

1. Ve a nuestra herramienta Incrustar PDF y pega la URL de tu PDF en el campo.

2. Copia el código de incrustación generado haciendo clic en "Copy Code."

3. En tu editor de Squarespace, pasa el cursor sobre el área donde quieres tu PDF y haz clic en el símbolo "+".

4. Selecciona "Code" en el menú de bloques de contenido. Ahí pegarás tu código HTML.

5. Pega el código que copiaste y haz clic en "Apply."

Prueba la ubicación y el comportamiento (pestaña nueva vs. en línea)

1. Previsualiza tu página para ver cómo se muestra y funciona tu PDF.

2. Prueba tanto la vista de computadora como la de móvil. Los visores en línea son adaptables y se ajustan al tamaño de la pantalla.

3. Si hace falta, arrastra y suelta el bloque de PDF para cambiarlo de lugar en tu página.

Antes de profundizar en la personalización de PDF, esto es lo que debes saber sobre cómo Squarespace gestiona los archivos de forma nativa:

• Límite de tamaño del archivo: Squarespace limita las subidas a 20 MB por archivo.

• Formatos compatibles: Funciona con PDF, DOC, DOCX, TXT y la mayoría de los tipos de archivo más comunes.

• Comportamiento al abrir: Los enlaces a archivos nativos suelen abrirse en pestañas nuevas para descargarlos.

• Alojamiento en CDN: La red de distribución de contenido (CDN) de Squarespace aloja tus archivos para ofrecer acceso global rápido.

• URL de los archivos: Una vez subidos, los archivos obtienen URL permanentes a las que puedes enlazar desde cualquier lugar.

• Experiencia en móviles: La descarga de archivos funciona de forma diferente en dispositivos móviles. Algunos dispositivos muestran una vista previa en el navegador y otros descargan directamente.

Si llegas al límite de 20 MB o quieres más control sobre cómo se muestran tus PDF, ahí es donde la herramienta Incrustar PDF de Smallpdf te ofrece más opciones.

Aunque la función nativa de subida de archivos de Squarespace funciona muy bien para descargas sencillas, la herramienta de incrustación de Smallpdf ofrece varias ventajas que pueden mejorar la experiencia de usuario de tu sitio web:

• Sin límites de tamaño de archivo: Incrusta archivos PDF de cualquier tamaño sin preocuparte por el límite de 20 MB de Squarespace.

• Visualización en línea: Muestra los PDF directamente en tu página para que los visitantes puedan leerlos sin salir de tu sitio web.

• Mayor interacción: Los PDF incrustados mantienen a los visitantes en la página, lo que puede ayudar a reducir la navegación innecesaria fuera de tu contenido.

• Visualización segura: Obtienes controles de privacidad integrados y acceso seguro sin forzar descargas inmediatas.

• Optimización para móviles: Las incrustaciones adaptables se ajustan sin problemas a distintos dispositivos.

• Coherencia de marca: Los PDF aparecen dentro del diseño de tu sitio web en lugar de abrirse en una pestaña aparte del navegador.

¿Quieres asegurarte de que tus PDF carguen rápido y se vean bien? Sigue estos consejos de optimización:

• Comprime antes de subir: Usa nuestra herramienta Comprimir PDF para reducir el tamaño de los archivos sin perder calidad.

• Usa nombres de archivo descriptivos: "2024-product-catalog.pdf" es mejor que "document1.pdf" tanto para los usuarios como para los motores de búsqueda.

• Prueba la adaptabilidad en móviles: Previsualiza siempre cómo se muestran tus PDF en teléfonos y tabletas.

• Considera la carga diferida: Coloca los PDF grandes más abajo en la página para que no ralenticen la carga inicial.

• Optimiza para la búsqueda: Los PDF con texto que se puede buscar funcionan mejor. Nuestra OCR función puede ayudar con documentos escaneados

• Proporciona contexto: Añade una breve descripción de lo que contiene cada PDF para que los visitantes sepan qué esperar

Con el conjunto completo de más de 30 herramientas de PDF de Smallpdf, estamos seguros de que todas tus necesidades relacionadas con PDF quedarán cubiertas antes y después de usar la herramienta Incrustar PDF para mostrar archivos en tu sitio web.

No necesitas instalar nada ni iniciar sesión para preparar tu PDF. Una vez incrustado, los visitantes pueden ver el documento directamente en tu sitio web o descargar una copia si hace falta.

¿Necesitas actualizar un PDF que ya está incrustado en tu sitio web? Esta es la ventaja de usar incrustaciones basadas en URL:

• Actualiza tu archivo PDF original en la misma URL

• La versión incrustada refleja automáticamente tus cambios, así que no necesitas actualizar los códigos de incrustación.

• Si necesitas cambiar la URL, simplemente reemplaza el código de incrustación por uno nuevo desde nuestra herramienta.

• El diseño y la estructura de tu página se mantienen intactos mientras el contenido se actualiza sin complicaciones.

Este enfoque de control de versiones te ahorra muchísimo tiempo en comparación con volver a subir archivos y actualizar varios enlaces en todo tu sitio web.