¿Quieres añadir un visor de PDF en WordPress?

Al incrustar archivos PDF en su sitio web, puede asegurarse de que esos archivos siempre tengan el mismo diseño, sin importar qué dispositivo esté usando el visitante. Estos archivos también pueden mantener a las personas en su sitio web por más tiempo y agregar valor para sus usos.

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

Cómo agregar un visor de PDF en WordPress

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

Muchos sitios web utilizan archivos PDF para compartir información sobre sus servicios y productos. Por ejemplo, los propietarios de restaurantes suelen publicar su menú en formato PDF en línea.

Siempre puede cargar un PDF en su sitio web y luego agregar un enlace de descarga en WordPress.

Sin embargo, esta no es la mejor experiencia de usuario para las personas que desean ver rápidamente un documento PDF. Por ejemplo, alguien que planea visitar su restaurante puede preferir leer el menú en PDF en su sitio web en lugar de descargar una copia a su computadora.

En su lugar, puede agregar un visor de PDF en WordPress y luego mostrar los PDF directamente en su sitio web. Esto permite a los visitantes ver el documento sin descargarlo a su computadora, lo que suele ser más rápido y fácil. Esto es particularmente cierto para los visitantes que usan teléfonos inteligentes o tabletas.

También mantiene a los visitantes en su sitio web, lo que puede aumentar sus páginas vistas y reducir su tasa de rebote.

Dicho esto, veamos cómo puede agregar fácilmente un visor de PDF a WordPress. Simplemente use los enlaces rápidos para saltar directamente al método que desea usar.

Método 1. Agregar un visor de PDF usando el Editor de bloques (Fácil)

La forma más fácil de mostrar archivos PDF en su sitio web de WordPress es utilizando el bloque de archivos incorporado.

Este método no requiere un especial plugin, pero solo puede personalizar el visor de algunas maneras. Si desea personalizaciones y funciones más avanzadas, le recomendamos que utilice un plugin en cambio.

Para comenzar, simplemente abra la página o publicación donde desea agregar el visor de PDF en el editor de contenido y luego haga clic en el botón ‘+’ para agregar un nuevo bloque.

Después de eso, comience a escribir ‘Archivo’ y seleccione el bloque correcto cuando aparezca.

El bloque de archivos incorporado de WordPressEl bloque de archivos incorporado de WordPress

Si ya cargó su PDF en la biblioteca de medios de WordPress, haga clic en el botón ‘Biblioteca de medios’. A continuación, puede seleccionar el PDF que desea incrustar.

Si aún no ha cargado el PDF, haga clic en ‘Cargar’ y luego elija un archivo de su computadora.

Subir un archivo PDF a WordPressSubir un archivo PDF a WordPress

WordPress elegirá automáticamente un tamaño para el PDF incrustado.

Tenga en cuenta que es posible que la vista predeterminada no muestre el documento completo, pero el bloque ‘Archivo’ incluye una barra de herramientas que permite a los visitantes acercar y alejar el documento. También pueden desplazarse por el PDF para ver más contenido.

Cómo agregar un visor de PDF en WordPressCómo agregar un visor de PDF en WordPress

Si lo prefiere, puede cambiar la altura del visor de PDF para mostrar más o menos parte del documento incrustado.

Para hacer esto, simplemente use el control deslizante ‘Altura en píxeles’ en el menú de la derecha.

Cambiar la altura de un PDF incrustadoCambiar la altura de un PDF incrustado

A veces, los visitantes pueden querer descargar un PDF para tenerlo siempre a mano. Por ejemplo, es posible que los clientes deseen descargar el manual de usuario de su producto más popular o el cronograma de programación para un próximo evento o conferencia.

De forma predeterminada, WordPress muestra un icono de ‘Descargar’ en la barra de herramientas y un botón debajo del PDF.

Cómo permitir que los visitantes descarguen un PDF en WordPressCómo permitir que los visitantes descarguen un PDF en WordPress

El botón ‘Descargar’ debajo del PDF es útil para los visitantes que no están familiarizados con los diferentes iconos de la barra de herramientas de PDF. Al mostrar un botón de ‘Descargar’, los visitantes comprenderán de inmediato que este archivo no está vinculado únicamente a su sitio.

Con eso en mente, es posible que desee dejar habilitado el botón ‘Descargar’. Sin embargo, si no desea incluir este contenido duplicado, puede hacer clic para desactivar la opción «Mostrar botón de descarga».

Ocultar el botón Descargar en un visor de PDFOcultar el botón Descargar en un visor de PDF

Cuando esté satisfecho con la configuración del PDF, haga clic en ‘Actualizar’ o ‘Publicar’ para hacer los cambios en vivo.

Ahora, si visita su sitio web de WordPress, verá el visor de PDF en acción.

Un visor de PDF, creado con el bloque de archivos de WordPress incorporadoUn visor de PDF, creado con el bloque de archivos de WordPress incorporado

Método 2. Agregue un visor de PDF en WordPress usando un complemento (más personalizable)

El bloque de archivos de WordPress incorporado debería ser una buena opción para los sitios web que simplemente desean incrustar algunos archivos PDF. Sin embargo, si desea tener más control sobre el espectador, a menudo tiene sentido utilizar un plugin en cambio.

Visor de PDF.js es uno de los mejores PDF plugins para WordPress. Le permite cambiar la altura y el ancho del visor de PDF y eliminar botones de la barra de herramientas de PDF.

También viene con un modo de pantalla completa, que es perfecto para mostrar documentos más largos, como libros electrónicos y manuales de usuario.

Un PDF visto en modo de pantalla completaUn PDF visto en modo de pantalla completa

Primero, deberá instalar y activar PDF.js Viewer. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un WordPress plugin.

Tras la activación, vaya a Ajustes » Visor de PDFjs para configurar el pluginconfiguración de .

El visor de PDF.js plugin ajustesEl visor de PDF.js plugin ajustes

La mayoría de las veces, puede anular esta configuración predeterminada al incrustar cada PDF. Por ejemplo, puede cambiar la configuración de tamaño o escala de un PDF individual.

Sin embargo, aún recomendamos cambiar la configuración predeterminada para que se adapte mejor a sus propios requisitos, ya que esto puede ahorrarle mucho tiempo y esfuerzo.

Por defecto, el plugin incluye los botones Descargar, Imprimir y Buscar en la barra de herramientas de PDF. Si desea eliminar alguno de estos botones, simplemente desmarque la casilla junto a él.

Ocultar botones de la barra de herramientas del visor de PDFOcultar botones de la barra de herramientas del visor de PDF

También puede cambiar la altura y el ancho de incrustación predeterminados y la ‘Escala del visor’.

Listo para usar, PDF.js Viewer muestra el PDF sin ninguna barra lateral para que los visitantes puedan ver el documento completo cuando lleguen a la página. Pueden abrir la barra lateral en cualquier momento haciendo clic en el botón ‘Alternar barra lateral’, como puede ver en la siguiente imagen.

Agregar una barra lateral al visor de PDF en WordPressAgregar una barra lateral al visor de PDF en WordPress

Si planea incluir documentos más largos o archivos PDF de varias páginas, puede ser útil mostrar la barra lateral de forma predeterminada.

Para hacer esto, simplemente abra el menú desplegable ‘Modo de página’ y seleccione Miniaturas, Marcadores o Adjuntos.

Cambiar el modo en un visor de PDFCambiar el modo en un visor de PDF

PDF.js Viewer permite a los visitantes abrir el PDF en modo de pantalla completa. De forma predeterminada, los visitantes pueden abrir este modo haciendo clic en el enlace ‘Ver pantalla completa’ que se encuentra arriba del PDF incrustado.

Para reemplazar el texto con su propio mensaje personalizado, simplemente escriba en el campo ‘Texto de enlace de pantalla completa’.

Personalización del modo de pantalla completa del PDFPersonalización del modo de pantalla completa del PDF

También puede elegir si el enlace se abre en una nueva pestaña usando el cuadro ‘Enlaces de pantalla completa en nuevas pestañas’.

Lanzar una nueva pestaña ayudará a mantener a los visitantes en su sitio web, pero puede ser molesto para los usuarios de dispositivos móviles y tabletas.

Personalización del modo de pantalla completa del visor de PDFPersonalización del modo de pantalla completa del visor de PDF

El modo de pantalla completa facilita la lectura de documentos largos, por lo que recomendamos dejar esta función habilitada. Sin embargo, si no desea usarlo, puede desmarcar la casilla junto a ‘Mostrar enlace de pantalla completa’.

Cuando esté satisfecho con la forma en que plugin está configurado, haga clic en ‘Guardar cambios’.

Ahora está listo para agregar un visor de PDF en WordPress. Simplemente abra la página o publicación donde desea mostrar el PDF y luego haga clic en el botón ‘+’.

Ahora puede comenzar a escribir en ‘Embed PDF.js Viewer’ y seleccionar el bloque correcto cuando aparezca.

Agregar un PDF a su sitio web de WordPress usando un pluginAgregar un PDF a su sitio web de WordPress usando un plugin

Después de eso, haga clic en ‘Elegir PDF’ para abrir la biblioteca de medios de WordPress.

Ahora puede elegir un PDF de la biblioteca o cargar un archivo desde su computadora.

Incrustar un PDF en su sitio web de WordPress usando un bloqueIncrustar un PDF en su sitio web de WordPress usando un bloque

El plugin utilizará su configuración predeterminada, pero puede ajustar cómo se ve y actúa este PDF usando la configuración en el menú de la derecha.

Aquí puede cambiar la altura, el ancho y la escala del PDF. También puede eliminar o personalizar el enlace ‘Ver pantalla completa’.

Personalización del bloque de incrustación de PDF usando un WordPress pluginPersonalización del bloque de incrustación de PDF usando un WordPress plugin

Finalmente, puede elegir eliminar o mostrar los botones ‘Descargar’ e ‘Imprimir’.

Cuando esté satisfecho con la configuración del PDF, simplemente haga clic en ‘Actualizar’ o ‘Publicar’. Ahora puede visitar su blog o sitio web de WordPress para ver el visor de PDF incrustado.

Un PDF, incrustado directamente en un blog o sitio web de WordPressUn PDF, incrustado directamente en un blog o sitio web de WordPress

Bonificación: cómo ganar dinero con sus archivos PDF incrustados

Si tiene archivos PDF útiles y de calidad, puede usarlos para ganar dinero en línea con WordPress.

Después de incrustar un documento PDF en su sitio web, puede convertir esa página o publicación en contenido exclusivo solo para miembros. Luego, los visitantes deberán comprar una membresía para acceder a esa página o publicación, y ver el PDF incrustado.

La forma más fácil de convertir WordPress en un sitio de membresía es usando MemberPress. Es la mejor membresía de WordPress. plugin y le permite convertir cualquier página o publicación en contenido exclusivo solo para suscriptores, incluidos los PDF incrustados.

Gane dinero vendiendo archivos PDF en líneaGane dinero vendiendo archivos PDF en línea

Tenemos una guía completa sobre cómo crear un sitio web de membresía de WordPress con instrucciones paso a paso para ayudarlo a comenzar.

También sugerimos usar Descargas digitales fáciles para administrar y vender archivos PDF en su sitio web. Puede vender todo tipo de productos digitales fácilmente e incrustar archivos PDF en las páginas del producto como vistas previas también.

Esperamos que este artículo le haya ayudado a agregar un visor de PDF en WordPress. También puede consultar nuestra guía sobre cómo crear y vender cursos en línea con WordPress o consultar nuestra lista de los mejores servicios de marketing por correo electrónico para pequeñas empresas.

, WordPress. Twitter y Facebook.

visto en: wpbeginner

Entradas relacionadas

Deja una respuesta

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