Cómo usar El Visor De PDF Para Elementor

Blair Jersyer Elementor May 28, 2021

Si estás buscando cómo incrustar un documento PDF en Elementor, entonces estás en el lugar adecuado. Si bien ya hemos compartido cómo puedes hacer esto agregando un enlace, aquí veremos cómo puedes incrustar un documento PDF en tu blog de WordPress usando Elementor.

En el tutorial de hoy, nos centraremos en un plugin que hace el trabajo y que se llama "Visor De PDF Para Elementor".

Empecemos.

Descargue E Instale El Plugin PDF Viewer Para Elementor

El primer paso es descargar e instalar el plugin desde su panel de control. Puede realizar esta tarea directamente desde su panel de control dirigiéndose a los complementos y utilizando el nombre "Visor de PDF Para Elementor".

Create Amazing Websites

Con el mejor generador de páginas gratuito Elementor

Empezar ahora

Este es un plugin muy simple que no necesita configuración. No hay necesidad de recordarle que debe tener Elementor activado en su instalación de WordPress.

Editar / Crear una Página Con Elementor Para Incrustar Un PDF

Ahora vamos a crear o editar una página existente con Elementor. Una vez que el Visor de PDF para Elementor esté habilitado, verá dos nuevos componentes agregados a los Elementos Básicos de Elementor.

Como se puede ver el plugin añadir 2 nuevos elementos a Elementor, pero cuando debe utilizar uno de ellos. Eso es lo que averiguaremos a continuación.

Cuándo Usar El Elemento PDF Viewer

El elemento "Visor de PDF" le permite agregar un iframe que utiliza Google Docs previewer para usar el enlace a su documento PDF.

Solo tendrás que proporcionar una URL o cargar tu archivo en tus medios. También puede configurar el tamaño de la vista previa y la alineación.

Si bien esta solución funciona bastante bien, tiene algunas desventajas :

  • No funciona si tu blog de WordPress está alojado localmente
  • Depende de un sitio web externo que podría dejar de funcionar
  • Puede ser lento cargar PDF

Si está de acuerdo con el uso de un servicio externo para mostrar su PDF, entonces esta solución es para usted.

Cuándo usar PDFjs Viewer

El segundo elemento añadido por este plugin es PDFjs Viewer. Como su nombre indica, esta solución se basa en el uso de Javascript para incrustar su documento PDF. Las soluciones tienen la configuración de sames como el elemento anterior, pero tiene esta ventaja de trabajar localmente.

Aquí solo puede elegir los archivos de sus medios para incrustarlos como PDF. Esta solución también tiene algunas desventajas :

  • If no funcionará si el navegador no ejecuta Javascript (la mayoría de los navegadores modernos ejecutan Javascript)
  • Incluir más archivos para descargar y potencialmente más solicitudes al servidor.

Ejemplos de Vistas Previas en PDF

Así es como se verán tus vistas previas para ambos elementos agregados por PDF Viewer para Elementor.

Vista previa con Element PDF Viewer

Esta vista previa es aceptable y ofrece en los botones de navegación inferiores que serán útiles para navegar por las páginas.

Vista previa con PDFjs Viewer

El "Visor PDFjs" también ofrece botones de navegación, pero incluye un botón de búsqueda que falta en la vista previa anterior.

Otros Plugins Para Incrustar archivos PDF en WordPress

Si este plugin no es exactamente lo que estás buscando, entonces probablemente los siguientes plugins podrían ser la solución que estás buscando.

Visor de PDF para WordPress

PDF Viewer para WordPress es un plugin de lector de PDF premium para WordPress en CodeCanyon disponible desde 2014. Con este plugin, Puede mostrar e incrustar archivos PDF de su sitio web de WordPress con un moderno Lector de PDF y FlipBook.

Características Principales

  • Activar / Desactivar el uso compartido en redes sociales
  • Activar / Desactivar la Opción de Impresión
  • Activar / Desactivar la Opción de Descarga
  • Activar / Desactivar el modo de presentación
  • Activar / Desactivar la opción Buscar
  • Activar / Desactivar Logo Ajustable

  • Shortcode para agregar un enlace de texto a su archivo pdf en cualquier publicación / página
  • Visor de PDF totalmente responsivo
  • Estilo y personalizar todos los elementos.
  • Compatible Con la mayoría de los navegadores
  • Experiencia de Usuario Rápida y fluida

Insertar PDF - WordPress Visor de PDF plugin

Elfsight PDF Embed agrega un método simple para mostrar un archivo PDF en la página de su sitio web. Con solo unos pocos clics, sus documentos se publicarán en el sitio, donde los usuarios pueden verlos y descargarlos

Características Principales

  • Widget Nativo
  • Compatible Con Temas Premium
  • Shortcode Disponible
  • Editor de WordPress Guttenberg
  • Compositor visual apoyado

Embebedor de PDF

Con PDF Embedded, puede cargar archivos PDF e incrustarlos directamente en su sitio, ¡es tan fácil como agregar imágenes! Los archivos PDF se dimensionarán automáticamente a su tamaño y forma naturales o llenarán el ancho disponible si son demasiado grandes. Opcionalmente, puede establecer un ancho y una altura se calculará automáticamente. La forma se volverá a calcular cada vez que el usuario cambie el tamaño de la página.

Este plugin viene con un Versión premium que tiene más características.

Resumen

¿Qué de la siguiente solución va a utilizar? ¿Tiene alguna recomendación? Háganoslo saber en los comentarios. No olvides seguirnos en nuestras cuentas de redes sociales: Facebook y Twitter.

Divi WordPress Theme