Mostrar un documento PDF directamente en tu página

De vez en cuando surge la pregunta en el soporte y también en el foro "¿cómo puedo mostrar un documento .pdf directamente en mi página?".

La forma más fácil, tanto para usted como operador del sitio como para el visitante de su sitio web, es ofrecer el archivo como descarga.

<a href="https://URL-direccion-a-tu-archivo-PDF" target="_blank">DESCARGAR</a>

Pero a menudo ocurre que se desea primero ver lo que está descargando en su computadora.

El Google-Viewer para tus documentos .pdf

La palabra clave aquí es "Google Viewer". Con esto, puede integrar sus documentos .pdf cargados directamente en su página y los visitantes de su página pueden ver los documentos directamente y sin complementos adicionales del navegador.

Así es como funciona:

Como cliente de Premium Plus, tiene la opción de cargar archivos a su cuenta en cualquier momento. Para hacer esto, después de iniciar sesión correctamente, vaya al elemento de menú Archivos. Allí puedes subir tus archivos, como un documento .pdf, simplemente arrastrando y soltando.

Si aún no eres un cliente premium, simplemente busque elija uno de los servidores de archivos gratuitos y cargue allí su archivo / documento .pdf.

Todo lo que necesita ahora es la URL donde se puede acceder a su .pdf. Para hacer esto, simplemente haga clic sobre el nombre del archivo y copie la URL usando Copiar y Pegar ( haga clic con el mouse en la línea del navegador de arriba, luego la combinación de teclas CTRL + A para seleccionar todo, con CTRL + C copia el seleccionado y con CTRL + V pega el copiado nuevamente en cualquier lugar) desde la ventana de su navegador que se abre y muestra su documento .pdf.

Ahora abre una de sus páginas, en el mejor de los casos, la página en la que finalmente debe mostrarse su .pdf y haga clic en "Código fuente" en la esquina superior izquierda de su editor.

Luego copie el siguiente fragmento de código en el lugar donde se mostrará su documento .pdf.

<iframe style="width: 500px; height: 800px;" src="https://docs.google.com/gview?url=https://URL-direccion-a-tu-archivo-PDF&embedded=true" height="240" width="320" frameborder="0"></iframe>

En este lugar aquí cambia la dirección URL de su archivo PDF https://URL-direccion-a-tu-archivo-PDF con la URL bajo la cual se puede acceder a su documento .pdf, puede especificar el ancho ( width ): 500px y la altura ( height ): 800px, Dependiendo de cómo desee mostrarlo en su sitio web, ajústelo en ancho y alto y ajústelo a sus necesidades.

Ahora guarde la página y el documento .pdf se mostrará en su página.

Al mismo tiempo, aún debe ofrecer a los visitantes de su sitio web la opción de descargar el documento a través de un enlace. Puede hacer esto con este código HTML:

<a href="https:///URL-direccion-a-tu-archivo-PDF" target="_blank">DESCARGAR</a>

Por supuesto, la dirección URL de su documento debe ingresarse aquí nuevamente y el texto DESCARGAR también puede adaptarse a sus propias necesidades.

Si está un poco familiarizado con HTML, también puede crear un botón de descarga elegante aquí.