Este plugin que hemos creado es algo tan simple como poder hacer un embed de pdfs de forma nativa en wordpress pudiendo modificarlo o añadirlo desde la galería.

De esta forma evitamos tener que ponerlo dentro de un código HTML, de modo que tendríamos que subirlo a la galería, copiar la url del archivo pdf subido, añadir el elemento HTML, escribir o modificar el código del iframe, y poner la url en el valor del atributo src del iframe.

Para nosotros es útil sobre todo para modificar la página de folleto de nuestros clientes atlántico y mercamas Poio. https://atlanticopoio.com/, https://supermercadosarousa.com/

README

Elementor PDF Iframe Widget

Un plugin ligero y personalizado para WordPress que añade un nuevo widget a Elementor. Este widget te permite incrustar de forma sencilla archivos PDF desde tu Biblioteca de Medios utilizando un iframe.

🚀 Características

• Selector de Medios Integrado: Elige PDFs directamente desde tu galería multimedia de WordPress.
• Filtro Automático: El selector de medios de Elementor se configura para mostrar únicamente archivos .pdf para facilitar la búsqueda.
• Altura Personalizable: Ajusta la altura del iframe directamente desde el panel de control de Elementor.
• Diseño Fluido: El ancho del iframe se adapta automáticamente al 100% del contenedor o columna donde lo ubiques.
• Avisos en el Editor: Muestra un mensaje amigable en el editor de Elementor si aún no se ha seleccionado ningún PDF.

📂 Estructura del Plugin

elementor-pdf-iframe/
├── elementor-pdf-iframe.php  # Archivo principal del plugin que lo inicializa
└── widgets/
    └── pdf-widget.php        # Clase que define la lógica e interfaz del widget

🛠️ Instalación

1. Descarga el código de este repositorio.
2. Asegúrate de que la carpeta se llame elementor-pdf-iframe y comprímela en un archivo .zip.
3. Entra al panel de administración de tu WordPress.
4. Navega a Plugins > Añadir nuevo > Subir plugin.
5. Selecciona el archivo .zip, haz clic en Instalar ahora y, finalmente, en Activar.

📖 Uso

1. Abre cualquier página, entrada o plantilla con Elementor.
2. En el buscador de widgets (panel izquierdo), escribe «PDF» o busca el widget llamado «Visor de PDF (Iframe)» en la categoría General.
3. Arrastra el widget hacia la sección donde quieras mostrar el documento.
4. En el panel de ajustes del widget, haz clic en Seleccionar PDF y elige (o sube) el archivo desde tu biblioteca de medios.
5. Ajusta la Altura del Iframe (por defecto 600px) para que se adapte mejor a tu diseño.
6. ¡Guarda o actualiza la página y listo!

📝 Requisitos

• WordPress 5.0 o superior.
• Plugin Elementor activo (funciona perfectamente con la versión gratuita).

📄 Licencia

Este proyecto es de código abierto y está disponible bajo licencia MIT. Siéntete libre de modificarlo, mejorarlo y usarlo en cualquier proyecto personal o comercial.

Repo aquí para que lo puedas usar y mejorar lo que quieras:

https://github.com/luisgarcia-cloud/embed-pdf-from-gallery-wordpress