Cómo incrustar archivos PDF en WordPress

¿No está seguro de cómo incrustar archivos PDF en WordPress? ¿O todavía estás tratando de decidir si quieres hacer esto? A veces, es posible que desee incrustar un archivo PDF en una publicación o página:

  • Los autores de libros pueden desear dar a los lectores copias gratuitas.
  • Agregue un catálogo de productos a su sitio web.
  • Comparta sus diseños con los clientes en formato PDF.
  • Puede administrar una agencia de viajes y desea mostrar itinerarios para paquetes de viaje.

¡Pero hay un problema!

Si bien WordPress le permite incrustar audio, video y, por supuesto, imágenes, no es posible incrustar archivos PDF en sus publicaciones y páginas. Esta característica no está disponible actualmente y puede agregarse en el futuro.

Si desea agregar un archivo PDF, puede usar Agregar medios , péguelo y se agregará un enlace al archivo a su página. Sus visitantes pueden descargarlo o salir de su sitio web para ver el archivo en un navegador web.

Pero, ¿qué sucede si desea incrustar un archivo PDF en su publicación y permitir que los visitantes lo vean sin salir de su sitio web? ¿Hay una solución? La respuesta corta es sí.

Por lo tanto, en este artículo le mostraré cómo incrustar archivos PDF en una publicación o página de WordPress.Antes de comenzar, es posible que desee utilizar editor de PDFLuego puede agregarlo a su publicación con o sin el complemento. Empecemos.

📑 Aquí podrás encontrar 👇

Cómo incrustar un archivo PDF usando un complemento

Hay muchos complementos que puede usar para agregar archivos PDF a sus publicaciones de WordPress.

Sin embargo, utilizaremos un Programa de incrustación de PDFEste es un complemento gratuito y se puede encontrar en el directorio de complementos de WordPress, pero puede actualizar a Edición profesional Más características del complemento. Lo mejor de este complemento es que usa javascript para hacer su trabajo, no un servicio de terceros o iframe.

Paso 1: instale el complemento PDF Embedder

Inicie sesión en su panel de WordPress y vaya a Complementos> Agregar nuevoBuscar ahora Programa de incrustación de PDF en el cuadro de búsqueda. Una vez que encuentre el complemento, simplemente instálelo y actívelo. ¿Solo bien?

Paso 2: Ajuste el complemento

Aunque puede comenzar a incrustar archivos PDF después de instalar este complemento, primero puede cambiar la configuración para que los archivos incrustados se vean mejor. Para abrir la página de configuración de este complemento, vaya a Configuración > Incrustador de PDF Desde la barra lateral izquierda del panel de WordPress.

Configuración del incrustador de PDF

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

  • anchura y altura - Puede cambiar el ancho y el alto de la vista previa del PDF. Acepta valores enteros (en píxeles) o máximo (100% ancho).
  • Posición de la barra de herramientas - La barra de herramientas de esta vista previa de PDF permite a los espectadores acercar o alejar y pasar a la página siguiente o anterior. Puede colocar barras de herramientas en la parte superior, inferior o en ambas.
  • Pase el cursor sobre la barra de herramientas - Puede elegir si desea que la barra de herramientas sea visible solo cuando el mouse esté sobre el documento.

Estos son ajustes generales. Pero, ¿qué sucede si desea cambiar la configuración de un archivo específico? Bueno, puedes hacerlo con 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 posición de la barra de herramientas se establece en la parte superior y la barra de herramientas será fija. También puede configurar la barra de herramientas en la parte inferior y la barra de herramientas desactivada.

También hay una versión premium del complemento que ofrece botones de descarga, rastrea vistas y descargas, se desplaza constantemente por las páginas y abre enlaces en nuevas ventanas, entre otras características.

Paso 3: incruste el archivo PDF en su publicación o página

Una vez que esté configurado, puede comenzar a hacer el trabajo sucio. Ahora, ya sea que use Classic Editor o Gutenberg Editor, puede usar fácilmente este complemento para obtener los resultados que desea.

si utiliza Editor clásico, incrustar un archivo PDF es similar a lo que haría con una imagen o un video.

Primero cree una nueva publicación o abra una existente y haga clic en Agregar medios Ahora cargue su archivo PDF, haga clic en insertar publicación El botón y el código corto se agregarán a su publicación.

Incrustar archivos PDF Editor clásico

Eso es todo: ahora puede revisar su publicación para ver si funciona.

para qué Editado por Gutenberg• Bueno, el complemento de incrustación de PDF viene con un bloque específico. Así que crea una nueva publicación y haz clic en el ícono de agregar bloque. Programa de incrustación de PDF bloquear y seleccionarlo

Incrustar archivos PDF Gutenberg Editor

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

Este es el resultado final, independientemente del editor que utilice:

Archivo PDF incrustado final

Si bien el complemento de PDF hace un gran trabajo, siempre es una buena idea tener algunas alternativas. Ahora permítanme compartir algunos complementos gratuitos y premium para ver archivos PDF, sin ningún orden en particular:

Visor de PDF para WordPress

Visor de PDF para el complemento de WordPress

PDF Viewer for WordPress se ha vendido más de 3900 veces y es el complemento de visor de PDF más vendido de CodeCanyon. Este es un complemento totalmente receptivo y compatible con varios navegadores. Este complemento le permite habilitar o deshabilitar opciones como imprimir, descargar, hacer zoom, navegar páginas y compartir en redes sociales. También puede usar Google Analytics con WordPress para rastrear la cantidad de visitantes que leen sus archivos PDF.

Incrustador de Google Drive

Complemento integrado 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 sus publicaciones o páginas. inicio de sesión de google Nuevamente, el propósito de este complemento es conectar su Google Drive a su sitio de WordPress.

Visor de PDF de Algorie

Complemento de visor de PDF de Algori

¿Está buscando un complemento de bloque de Gutenberg para incrustar archivos PDF? Puede probar el complemento 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 página y es compatible con el modo de presentación.

Complemento de WordPress Real3D Flipbook

Complemento de WordPress Real3D Flipbook

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

Incrustar cada documento más

Incrustar cada documento más

Embed Any Document Plus es un tipo de complemento que le permite cargar e incrustar fácilmente archivos de documentos (PDF, Word, PPT, Excel, etc.) en su sitio de WordPress. El complemento agrega un botón "Agregar documento" sobre el editor visual. Esto abrirá la ventana emergente de EAD Plus, donde puede seleccionar la fuente del documento. También se integra estrechamente con los servicios en la nube de Google Drive, Dropbox y Box.com. Puede permanecer en su sitio de WordPress y cargar el archivo en el servicio de la nube e incrustarlo desde allí.

Después de cargar o seleccionar un documento incrustado, también puede seleccionar un servicio de documentos para optar por incrustar el archivo. El complemento reconocerá automáticamente el formato de archivo y le ofrecerá un visor. El visor puede procesar archivos de hasta 5 a 8 MB de tamaño. Para archivos más grandes, los desarrolladores recomiendan subirlos a Google Drive e incrustarlos desde allí.

Cómo incrustar archivos PDF sin complementos

Bueno, si eres una de esas personas que ha estado buscando una solución sin complementos, esta sección es para ti. Ciertamente podemos incrustar archivos PDF en publicaciones y páginas de WordPress sin instalar otro complemento.

La idea es simple: debe cargar un archivo PDF en su cuenta de Google Drive y luego incrustar el archivo en su sitio web mediante el código incrustado. Aunque este método es seguro, el único problema es que utiliza marcos integrados.

Nivel 1: voy con Google Drive e inicie sesión en su cuenta (simplemente regístrese para obtener una cuenta gratuita de Gmail y obtenga 15 GB de espacio libre en disco).

Paso 2: Cargue el archivo PDF que desea incrustar en su publicación de WordPress aquí. Para hacer esto, haga clic en nuevo En la barra lateral izquierda de su cuenta de Google Drive, seleccione subir archivosy cargue el archivo desde su computadora local.

Subir un archivo a Google Drive

Paso 3: Una vez cargado el archivo en el dispositivo, haga doble clic para ver el archivo, ahora haga clic en los 3 puntos verticales (más acciones) en la esquina superior derecha y seleccione abrir en una nueva ventana.

Google Drive: abrir PDF en una nueva ventana

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

Google Drive: Compartir

Paso 5: Se abrirá una ventana emergente llamada "Compartir con personas y grupos" y "Conectarse". Haga clic aquí Cambiar a todos con la relación. en la sección "Obtener la conexión". Esto garantiza que cualquiera que tenga un enlace al PDF pueda verlo. Si no lo hace, el archivo permanecerá privado y no será visible para la audiencia de su sitio web.

Google Drive: configuración para compartir

Deberías ver la siguiente confirmación:

Google Drive: comparte con todos

después de hacer clic terminado.

Paso 6: Ahora es el momento de obtener el código de inserción que usaremos en la publicación. haga clic de nuevo Más acciones, seleccione Proyecto incorporado.

Google Drive: opciones de incrustación

Paso 7: Esto abrirá una ventana emergente donde puede copiar el código iframe.

Google Drive: código de inserción

Paso 8: Vaya al panel de control de WordPress y cree o edite la publicación o la página donde desea incrustar el archivo PDF. Ahora, si está utilizando Editor clásico, simplemente vaya a la pestaña "Texto" y pegue el código:

Sección de texto del editor clásico

por Editado por Gutenberg, debe agregar un nuevo bloque, buscar HTML personalizado y, finalmente, agregar el código iframe al bloque HTML personalizado:

bloque HTML personalizado

Paso 9: Eso es todo, ahora explore su publicación o página para verificar su PDF incrustado.

Notas sobre cómo incrustar archivos PDF en WordPress

WordPress le permite vincular sus archivos PDF, pero no incrustarlos. Sin embargo, esta lección resuelve este problema. Le muestra cómo incrustar archivos PDF en sus publicaciones o páginas al igual que sus imágenes y videos, con o sin complementos.

¿Ha utilizado alguna vez alguno de estos dos métodos para incrustar un archivo PDF en su sitio web? ¿Ha considerado complementos alternativos y cree que son mejores que los mencionados en este artículo? Dime lo que piensas en la sección de comentarios.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir