ElegantThemes

Cómo agregar un visor de PDF en WordPress

¿Quieres agregar un visor de PDF en WordPress?

El formato PDF es bueno para usar cuando desea que sus archivos tengan el mismo diseño sin importar en qué dispositivo se vean. Incrustar archivos PDF en WordPress le permite compartir sus archivos mientras mantiene a los visitantes en su sitio web al mismo tiempo.

En este artículo, le mostraremos cómo agregar un visor de PDF en WordPress.

Cómo agregar un visor de PDF en WordPress 14

¿Por qué necesita un visor de PDF en WordPress?

De forma predeterminada, WordPress no incrusta archivos PDF en las publicaciones de blog como lo hace con el audio. Video, tweetsy otros formatos multimedia. Simplemente agrega el archivo como un enlace descargable.

De forma predeterminada, los archivos PDF se agregan como enlaces de descarga
Cómo agregar un visor de PDF en WordPress 15

Eso significa que sus visitantes tendrán que dejar su publicación para ver el PDF. Muchos de estos usuarios no regresan a su sitio web. Esto reducirá las visitas a la página de su sitio web, así como la interacción del usuario.

Una forma de lidiar con esto es guardar archivos PDF como Actualizaciones de contenido. De esa manera, puede pedirles a los usuarios que se unan a su lista de correo electrónico para recibir el contenido adicional.

Sin embargo, si solo desea que los usuarios vean archivos PDF sin salir de su sitio web, debe agregar un visor de PDF a su sitio web Sitio de WordPress.

Instalar y configurar el incrustador de PDF

Usaremos Incrustador de PDF, uno de los mejores Complementos PDF para WordPress.

Utiliza JavaScript para incrustar archivos con una barra de herramientas completamente funcional que permite a los usuarios ampliar y navegar por el archivo PDF. También es completamente receptivo, por lo que el PDF incrustado se puede ver en cualquier pantalla.

Primero necesitas instalarlos y activarlos Incrustador de PDF Enchufar. Puede encontrar instrucciones detalladas en nuestra guía paso a paso en Cómo instalar un complemento de WordPress.

Después de la activación, puede visitar Configuración »incrustador de PDF para configurar los ajustes del complemento. La configuración predeterminada es adecuada para la mayoría de los sitios web, por lo que este paso es opcional.

Configuración de inserción de PDF
Cómo agregar un visor de PDF en WordPress 16

La configuración le permite controlar la altura y el ancho del visor de PDF. Puede cambiar esto si cree que el visor de PDF es demasiado ancho o demasiado estrecho.

También puede optar por mostrar y ocultar la barra de herramientas en la parte superior o inferior del visor hasta que el usuario pase el mouse sobre el documento.

La versión premium ofrece opciones para un botón de descarga, desplazamiento de página continuo, enlaces en los que se puede hacer clic y Seguimiento de descargas de archivos. También ofrece una variedad de configuraciones móviles y de seguridad.

Cuando haya terminado de personalizar su configuración, no olvide hacer clic en el botón «Guardar cambios» para guardarlos.

Ahora podemos incrustar un PDF en una publicación o página de WordPress. Cómo lo haga depende de si tiene el Editor de bloques o editor clásico. Puede utilizar los enlaces a continuación para ir a su sección preferida:

Cómo agregar un visor de PDF en el editor de bloques

Agregar archivos PDF a sus publicaciones y páginas de WordPress es fácil. Comenzaremos agregando una nueva publicación o editando una existente.

Primero, coloque el cursor donde desea incrustar el documento PDF. Luego, debe agregar un nuevo bloque haciendo clic en Agregar bloque. hacer clic + Botón en la parte superior izquierda de la pantalla de edición de WordPress.

A continuación, debe hacer clic en el botón ‘Insertar PDF’ en la sección Texto.

Agregar un bloque de inserción de PDF
Cómo agregar un visor de PDF en WordPress 17

Una vez que haya hecho eso, deberá cargar un nuevo PDF en su publicación o elegir uno de los suyos. Mediateca. Para hacer esto, haga clic en el enlace «Haga clic aquí para abrir la biblioteca de medios y seleccionar PDF».

Haga clic aquí para seleccionar un archivo PDF
Cómo agregar un visor de PDF en WordPress 18

Serás redirigido a la biblioteca de medios de WordPress. Si aún no ha agregado el PDF, hágalo ahora. Simplemente arrastre el archivo a la biblioteca y, cuando vea el mensaje «Colocando archivos para cargar», suelte el botón del mouse.

Almacenar archivos para cargar
Cómo agregar un visor de PDF en WordPress 19

El PDF se carga y selecciona automáticamente. Todo lo que tienes que hacer es hacer clic en el botón «Seleccionar».

Seleccionar o cargar medios
Cómo agregar un visor de PDF en WordPress 20

El PDF se agregará a su documento. El archivo PDF no se previsualizará mientras edita la publicación. En cambio, el bloque contiene la URL del archivo.

El PDF está incrustado
Cómo agregar un visor de PDF en WordPress 21

Para ver el PDF, deberá guardar su publicación y obtener una vista previa en su sitio web en vivo. Así es como se ve en nuestro sitio web de demostración.

Vista previa del visor de PDF
Cómo agregar un visor de PDF en WordPress 22

Cómo agregar un visor de PDF en el editor clásico

Incrustar un PDF en el editor clásico es igual de fácil. Comience agregando una nueva publicación o abriendo la publicación en la que está trabajando actualmente.

Después de eso, debe colocar el cursor donde desea ver el PDF y luego debe arrastrar el PDF a la página. Cuando vea el mensaje «Colocando archivos para cargar», suelte el botón del mouse.

Arrastra el PDF a la página.
Cómo agregar un visor de PDF en WordPress 23

El PDF se carga automáticamente a su biblioteca de medios y se selecciona. Ahora todo lo que tienes que hacer es hacer clic en el botón «Agregar a la publicación».

Pega el PDF en la página
Cómo agregar un visor de PDF en WordPress 24

PDF Embedder agregará un código corto a su publicación o página. Se verá como [pdf-embedder url="PDFURL"]. Esto mostrará el PDF cuando obtenga una vista previa o publique el archivo.

Código corto de incrustación de PDF
Cómo agregar un visor de PDF en WordPress 25

Para ver el PDF, simplemente guarde su publicación y véala en su sitio web en vivo. Así es como se veía en nuestro sitio web de demostración.

Vista previa del visor de PDF
Cómo agregar un visor de PDF en WordPress 26

Esperamos que este artículo le haya ayudado a agregar un visor de PDF en WordPress. Es posible que también desee echar un vistazo a nuestra guía. Cómo crear un boletín informativo por correo electrónico o echa un vistazo a nuestra lista debe tener complementos de WordPress para expandir su sitio web.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

El cargo Cómo agregar un visor de PDF en WordPress apareció por primera vez en WPBeginner.

Deja una respuesta

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