Actualizado el

Cómo insertar un PDF en una página web

Por

Para insertar un PDF en un sitio web, lo pones en un marco dentro de la página. En el escritorio, el navegador lo dibuja con su propio visor de PDF; en muchos celulares no lo hace, y WordPress lo advierte en su propio editor. Las formas de abajo se diferencian en lo que muestra un celular, en lo que necesitan y en si el marco se actualiza cuando cambia el PDF.

Suelta aquí el PDF que quieres insertar

Suelta archivos o una carpeta aquí, o elígelos.

HTML, React, carpetas, zips y PDF. Una carpeta sin index.html se abre en la página que parece la inicial.

Un marco simple, en cualquier sitio web

Sube el PDF a tu sitio web y ponlo en un marco en el lugar donde debe aparecer, con un enlace al lado:

<iframe src="https://www.example.com/files/report.pdf" title="Annual report" width="100%" height="800"></iframe>
<p><a href="https://www.example.com/files/report.pdf">Open the report (PDF)</a></p>

<embed> y <object> hacen lo mismo; solo <object> puede mostrar otra cosa, como ese enlace, cuando no se puede mostrar el PDF. MDN aconseja además un enlace fuera del marco, porque un visor puede cargarse y aun así fallar.

Es gratis y no hay que registrarse en nada. El problema es el celular: el marco muestra el visor de PDF del propio navegador, y un navegador sin visor, o configurado para descargar los PDF, le da a quien lo lee una descarga o un recuadro vacío.

WordPress

Añade un bloque File, elige el PDF y activa Show inline embed. WordPress lo pone en la página en un <object>, de 600 píxeles de alto salvo que lo cambies. Su propio editor advierte que la mayoría de los navegadores de celulares y tabletas no muestran un PDF insertado, y en celulares y tabletas muestra en su lugar el enlace y el botón de descarga, salvo que el navegador diga que tiene un visor de PDF. Para cambiar el PDF, reemplázalo en el bloque y actualiza la entrada.

Google Drive

Comparte el PDF con Anyone with the link, ábrelo en una ventana nueva y elige Embed item para obtener un marco que pegar. Google lo describe en su blog de Workspace, no en sus páginas de ayuda. Las páginas las dibuja el propio visor de Drive, y quien visita no necesita una cuenta de Google; una cuenta personal no puede ver quién lo leyó.

El visor de PDF gratuito de Adobe

La PDF Embed API de Adobe es gratis, y Adobe dice que funciona en Chrome en Android y en Safari y Chrome en iOS. Necesitas un ID de cliente gratuito para tu dominio, con un solo dominio por ID y sin poder cambiarlo después, y unas líneas de JavaScript que cargan el visor de Adobe desde Adobe; el visor no se puede alojar en tu propio servidor. En un celular no permite imprimir, y en un iPhone no permite descargar.

Squarespace y Wix

Ninguno de los dos tiene un bloque que muestre un PDF en la página. La ayuda de Squarespace remite a Issuu, con un plan de pago de Issuu, o a un código para insertar pegado en un bloque de código, a partir de su plan Core. La ayuda de Wix en inglés ofrece un botón o un enlace que descarga o abre el PDF, o una app de su App Market.

Solta

Suelta el PDF en PDF a link, abre el cuadro de diálogo Embed del sitio en Solta y copia el código. El marco muestra el visor de PDF de Solta, una página web que dibuja las páginas por su cuenta, así que un celular muestra el PDF dentro de la página igual que el escritorio. Por defecto, el marco ajusta su altura al contenido con un pequeño script; una altura fija es una sola línea, para los creadores de páginas que quitan los scripts.

Publica un PDF corregido en el mismo sitio y todas las páginas que lo insertan muestran el nuevo, sin código nuevo. Las vistas dentro de un marco se cuentan aparte de las visitas al enlace, junto con el sitio web en el que estaban. En Free el marco lleva un pequeño sello de Solta; en los planes Plus, Pro y Team no lleva ninguno, y en Pro y Team puedes indicar qué sitios web pueden insertarlo.

Un sitio con contraseña o solo para invitados no se puede insertar: la puerta necesita una página propia. Cómo mantiene Solta los sitios separados entre sí.

Cuál usar

  • Un PDF en tu propio sitio web, que se lee sobre todo en el escritorio: un marco simple, con un enlace al lado.
  • Un sitio web en WordPress: el bloque File, sabiendo que en los celulares aparece el botón de descarga.
  • Tiene que verse en los celulares y puedes añadir un script: el visor de Adobe, o Solta.
  • Va a cambiar, quieres saber si se leyó o prefieres no configurar nada: Solta.

Fuentes

Los datos de cada uno son lo que decían sus propias páginas, en inglés, cuando las leímos, el 1 de noviembre de 2026:

Preguntas

¿Por qué mi PDF insertado no se ve en el celular?

Un marco con un PDF dentro depende del visor de PDF del propio navegador, y muchos navegadores de celular no lo dibujan dentro de una página; el editor de WordPress advierte justo de esto. Un visor que dibuja las páginas como una página web, como el de Adobe o el de Solta, también se ve en los celulares.

¿Puedo actualizar el PDF sin cambiar el código para insertarlo?

Sí, si el PDF sigue en la misma dirección: sobrescribe el archivo en tu servidor, o publica una versión nueva en el mismo sitio en Solta. En WordPress, lo reemplazas en el bloque File y actualizas la entrada.

¿Puedo insertar un PDF protegido con contraseña?

En Solta, no: un sitio con contraseña no se puede poner en un marco, porque la contraseña necesita una página propia. Envía su enlace en su lugar.

¿Quien visita necesita una cuenta para ver un PDF insertado?

No. Un marco sencillo, el bloque File de WordPress, el visor de Adobe y Solta no le piden nada a quien visita. El marco de Google Drive necesita que el PDF esté compartido con cualquiera que tenga el enlace.

¿Puedo ver cuántas personas leyeron un PDF insertado?

En Solta, sí: las vistas dentro de un marco se cuentan aparte, por día, con el sitio web en el que estaban, y sin cookies. Con un marco simple solo ves lo que vean las estadísticas de tu propio sitio web, y el visor de Adobe puede enviar sus eventos a tus estadísticas.

Publica directamente desde tu chat de IA

Conecta Solta con Claude o ChatGPT y pídelo: el sitio queda en línea con un enlace, sin copiar código.