Cómo incrustar archivos PDF en WordPress

Cómo incrustar archivos PDF en WordPress

Puede haber momentos en los que le encantaría incrustar un archivo PDF en su publicación o página:


  • Un autor de libros puede querer darles a los lectores una copia gratuita.
  • Para agregar catálogos de productos en su sitio web.
  • Para compartir sus diseños en formato PDF con clientes.
  • Es posible que tenga una agencia de viajes y desee mostrar el itinerario de los paquetes turísticos..

Pero hay un problema!

Aunque WordPress le permite incrustar audios, videos y, por supuesto, imágenes, no es posible incrustar archivos PDF en sus publicaciones y páginas. Esta característica no está disponible hasta ahora, tal vez se agregará en el futuro.

En caso de que desee agregar un archivo PDF, puede cargar el archivo usando el Agregar medios opción, insértelo, y el enlace a ese archivo se agregará a su página. Y sus visitantes pueden descargarlo o ver el archivo en el navegador web al abandonar su sitio web.

Pero, ¿qué sucede si desea incrustar archivos PDF en sus publicaciones y dejar que sus visitantes lo vean sin abandonar su sitio web? ¿Hay alguna solución para eso? La respuesta corta es sí.

Entonces, en esta publicación, le mostraré cómo puede incrustar un archivo PDF en su publicación o página de WordPress. Antes de comenzar, es probable que desee crear un documento PDF ordenado y bien formateado utilizando un Editor de PDF. Entonces estará listo para agregarlo en sus publicaciones con o sin usar un complemento. Empecemos.

Cómo incrustar un archivo PDF con un complemento

Hay muchos complementos que puede usar para agregar un archivo PDF a su publicación de WordPress.

Sin embargo, usaremos un complemento llamado PDF Embedder. Es un complemento gratuito que está disponible en el directorio de complementos de WordPress. Lo mejor de este complemento es que usa JavaScript para hacer su trabajo y no algún servicio de terceros o iframes.

Paso 1: Instalar el complemento PDF Embedder

Inicie sesión en su Panel de WordPress y vaya a Complementos> Agregar nuevo. Ahora busca PDF Embedder en el cuadro de búsqueda. Una vez que encuentre el complemento, simplemente instálelo y actívelo. Simple, ¿no es así??

Instalar el complemento de PDF Embedder

Paso 2: configura el complemento

Aunque puede comenzar a incrustar sus archivos PDF una vez que instaló este complemento, primero puede modificar la configuración para que los archivos incrustados se vean mejor. Para abrir la página de configuración de este complemento, vaya a Configuraciones> PDF Embedder desde la barra lateral izquierda de su Panel de WordPress.

Configuraciones de PDF Embedder

La versión gratuita de este complemento le permite cambiar lo siguiente:

  • Anchura y altura – Puede modificar el ancho y la altura del visor de PDF. Acepta valores enteros (en píxeles) o max (100% de ancho).
  • Ubicación de la barra de herramientas – La barra de herramientas de este visor de PDF permite a su audiencia acercar o alejar e ir a la página siguiente o anterior. Puede tener la barra de herramientas en la parte superior, inferior o ambas.
  • Barra de herramientas – Puede seleccionar si desea que la barra de herramientas sea visible solo al pasar el mouse sobre el documento o no.

Ahora, estos son los ajustes universales. Pero, ¿qué sucede si desea cambiar la configuración de un archivo específico? Bueno, puedes hacerlo con la ayuda de códigos cortos. Aquí hay un ejemplo:

[pdf-embedder url = ”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width = ”500 ″ toolbar =” top ”toolbarfixed =” on ”]

En el ejemplo anterior, el ancho se establece en 500 px, la ubicación de la barra de herramientas se establece en la parte superior y la barra de herramientas se reparará. También puede establecer la barra de herramientas en la parte inferior y la barra de herramientas fija en off.

Este complemento también tiene una versión premium que ofrece características como botón de descarga, seguimiento de vistas y descarga, desplazamiento continuo de página y abrir enlaces en una nueva ventana.

Paso 3: incrustar un archivo PDF en su publicación o página

Una vez que haya terminado con la configuración, puede comenzar a hacer el trabajo sucio. Ahora, ya sea que esté usando el Editor clásico o el Editor Gutenberg, puede usar fácilmente este complemento para obtener el resultado deseado.

Si está utilizando el Editor clásico, incrustar un archivo PDF es similar a lo que haría para una imagen o video.

En primer lugar, cree una nueva publicación o abra una existente y luego haga clic en Agregar medios botón. Ahora, suba su archivo PDF, haga clic en Insertar en la publicación botón, y se agregará un shortcode a tu publicación.

Insertar archivo PDF Editor clásico

Eso es todo, ahora puede obtener una vista previa de su publicación para verificar si funciona correctamente o no.

Qué pasa Gutenberg Editor? Bueno, el complemento PDF Embedder viene con un bloque específico. Así que crea una nueva publicación y haz clic en el ícono Agregar bloque. A continuación, busque PDF Embedder bloquear y seleccionarlo.

Insertar archivo PDF Gutenberg Editor

Finalmente, haga clic en el bloque para seleccionar (o cargar) su archivo PDF y su trabajo estará listo.

Aquí está el resultado final, independientemente del editor que esté utilizando:

Archivo PDF incorporado final

Complementos populares del visor de PDF

Aunque el complemento PDF Embedder hace un buen trabajo, siempre es bueno tener algunas alternativas. Permítanme ahora compartir algunos complementos de visor de PDF gratuitos y premium, sin ningún orden en particular:

Visor de PDF para WordPress

Visor de PDF para WordPress Plugin

Información y descarga

Con más de 3900 ventas, el visor de PDF para WordPress es el complemento de visor de PDF de venta en CodeCanyon. Es un complemento totalmente compatible y compatible con todos los navegadores. Este complemento le permite habilitar o deshabilitar opciones como imprimir, descargar, hacer zoom, navegar por la página y compartir en redes sociales. También puede usar Google Analytics con WordPress para rastrear la cantidad de visitantes que leen sus PDF.

Google Drive Embedder

Complemento de inserción de Google Drive

Google Drive Embedder es un complemento gratuito que le permite acceder a su Google Drive desde su panel de control de WordPress e incrustar archivos PDF, documentos de Word u hojas de cálculo en su publicación o página. Sin embargo, para usar este complemento, debe instalar Inicio de sesión de Google Apps también: el propósito de este complemento es conectar su Google Drive a su sitio de WordPress.

Algori PDF Viewer

Complemento Algori PDF Viewer

¿Busca un complemento de bloque Gutenberg para incrustar archivos PDF? Puedes probar el plugin Algori PDF Viewer. Este complemento gratuito es compatible con todos los navegadores web como Google Chrome, Firefox, Safari, Opera e Internet Explorer 11. Le permite cargar varios archivos en una sola página y admite el modo de presentación.

Complemento Real3D FlipBook WordPress

Complemento Real3D FlipBook WordPress

Información y descarga

Como su nombre indica, Real3D FlipBook es un complemento de flipbook 3D sensible y táctil para mostrar archivos PDF e imágenes. Ha sido desarrollado usando HTML5 y no requiere el uso de Flash. Puede personalizar configuraciones como velocidad de giro, sonido de giro, nivel de zoom y ángulo de cámara. Este complemento también es compatible con lightbox y modo de pantalla completa.

Insertar cualquier documento más

Incruste cualquier documento más

Información y descarga

Embed Any Document Plus es un complemento único que le permite cargar e incrustar fácilmente archivos de documentos (PDF, Word, PPT, Excel, etc.) fácilmente en los sitios web de WordPress. El complemento agrega un botón “Agregar documento” sobre el editor visual. Esto abrirá la ventana emergente de EAD Plus desde donde puede seleccionar la fuente de su documento. También está estrechamente integrado con los servicios en la nube de Google Drive, Dropbox y Box.com. Puede permanecer dentro de su sitio de WordPress y subir archivos a los servicios en la nube e incrustarlos directamente desde allí.

Después de cargar o seleccionar el documento, desea incrustarlo, también tendrá la opción de seleccionar qué servicio de documentos desea elegir para incrustar su archivo. El complemento reconocerá el formato de archivo automáticamente y le sugerirá el visor. Los espectadores pueden manejar un archivo de tamaño máximo de 5 a 8 MB. Para archivos más grandes, los desarrolladores recomiendan subirlos a Google Drive e insertarlos desde allí..

Cómo incrustar un archivo PDF sin un complemento

Bueno, si usted es uno de los que siempre está buscando soluciones sin un complemento, entonces esta sección es para usted. Ciertamente podemos incrustar un archivo PDF en publicaciones y páginas de WordPress sin instalar otro plugin.

La idea es simple: tendrá que cargar su archivo PDF en su cuenta de Google Drive y luego usar el código iframe para incrustar ese archivo en su sitio. Aunque este método es seguro, el único problema es que usa iframes.

Paso 1: Ir Google Drive e inicie sesión en su cuenta.

Paso 2: Cargue el archivo PDF que desea insertar en su publicación de WordPress aquí. Para hacer eso, haga clic en Nuevo desde la barra lateral izquierda de su cuenta de Google Drive, seleccione Subir archivo, y cargue el archivo desde su computadora local.

Carga de archivos de Google Drive

Paso 3: Una vez que el archivo se haya cargado en su unidad, haga doble clic en él para obtener una vista previa del archivo. Ahora, haga clic en los 3 puntos verticales (Más acciones) presentes en la esquina superior derecha y seleccione Abrir en Nueva ventana.

Paso 4: En la nueva ventana, haga clic en Más acciones (los 3 puntos verticales en la esquina superior derecha) y seleccione Compartir.

Google Drive PDF share

Paso 5: Se abrirá una ventana emergente llamada “Compartir con otros”. Aquí, haga clic en Obtener enlace para compartir – lo que hace es asegurarse de que cualquier persona con el enlace del archivo PDF pueda verlo. Si no hace esto, el archivo permanecerá privado y no será visible para la audiencia de su sitio web.

Obtener enlace para compartir

Paso 6: Si no desea que sus visitantes descarguen o impriman el archivo y también deshabiliten la función de copiar texto, haga clic en Avanzado en la misma ventana emergente. Marque la opción que dice: “Desactive las opciones para descargar, imprimir y copiar para comentaristas y espectadores” y haga clic en Hecho.

Desactivar descarga, copia impresa en Google Drive PDF

Paso 7: Ahora es el momento de obtener el código de inserción que usaremos en nuestra publicación. Para obtener eso, nuevamente haga clic en Más acciones, seleccione Insertar elemento, y copie el código del iframe.

Código de inserción de copia de Google Drive

Paso 8: Dirígete a tu Panel de WordPress y crea o edita la publicación o página donde deseas incrustar el archivo PDF. Ahora, si está utilizando el Editor clásico, solo ve a la pestaña Texto y pega el código:

Pestaña Editor de texto clásico

por Gutenberg Editor, debe agregar un nuevo bloque, buscar HTML personalizado y, finalmente, agregar el código del iframe en el bloque HTML personalizado:

Bloque HTML personalizado

Paso 9: Eso es todo, ahora obtenga una vista previa de su publicación o página para verificar su archivo PDF incrustado.

Nota al pie sobre cómo incrustar archivos PDF en WordPress

WordPress le permite vincular a sus archivos PDF, pero no incrustarlos. Sin embargo, este tutorial resuelve ese problema. Muestra cómo puede incrustar sus archivos PDF en sus publicaciones o páginas, al igual que sus imágenes y videos, con o sin usar un complemento.

¿Alguna vez ha incrustado un archivo PDF en su sitio web utilizando alguno de los dos métodos? ¿Tiene un complemento alternativo en mente y cree que es mejor que los mencionados en este artículo? Déjame saber tus pensamientos en la sección de comentarios.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map