Hace algún tiempo publiqué un tutorial en el que te mostré cómo crear un generador de catálogos PDF para WordPress, con gestión de productos, imágenes y personalización de marca (ver tutorial).
Desde su publicación, el generador ha seguido evolucionando. He continuado trabajando y realizando pruebas, pero una parte muy importante de esta evolución también ha sido posible gracias al feedback de los suscriptores de los Tutoriales Exclusivos de la Academia OV DIVI, quienes a través de sus comentarios en el tutorial anterior compartieron ideas, necesidades y mejoras que sería interesante incorporar.
Muchas de esas sugerencias las hemos ido implementando: desde mejorar el diseño del PDF y la organización de los productos hasta facilitar la carga de imágenes, añadir enlaces de compra, integrar WhatsApp y mejorar en general la experiencia de uso.
El resultado es OV Generador de Catálogo PDF 1.1, una actualización importante que recoge buena parte de ese trabajo y feedback para convertir la primera versión en una herramienta mucho más completa para crear catálogos profesionales directamente desde WordPress.
Así que antes de continuar, quiero agradecer a todos los suscriptores que participaron dejando sus comentarios y sugerencias en el tutorial anterior. Sus aportaciones también forman parte de la evolución de este plugin.
Y como en la versión anterior, aunque personalmente trabajo con Divi, el plugin no depende de Divi. Puedes utilizarlo con Divi 4, Divi 5 o cualquier otro tema o constructor compatible con WordPress.
Un generador mucho más completo
La idea principal sigue siendo la misma: proporcionar una interfaz sencilla desde la que cualquier persona pueda agregar sus productos, configurar la información de su negocio y generar un catálogo PDF listo para compartir.
Pero con la versión 1.1 hemos mejorado prácticamente todo el proceso.
Ahora podemos crear catálogos con:
- Portada personalizada.
- Logo del negocio.
- Color de marca.
- Productos organizados por categorías.
- Precios normales y precios en oferta.
- Descripciones con formato.
- Botones de información y compra.
- Enlaces directos a WhatsApp.
- Datos de contacto clicables.
- Página final de contacto.
- Vista previa real antes de descargar.
Todo ello se genera automáticamente desde la propia interfaz del plugin.
Nuevo diseño profesional para los catálogos
Una de las mejoras más importantes de esta versión está precisamente en el resultado final.
He rediseñado la portada, las tarjetas de producto y la página de contacto para conseguir un documento más limpio, moderno y profesional.
En la portada podemos configurar:
- Logo del negocio.
- Imagen de portada.
- Título.
- Subtítulo.
- Color principal de la marca.
También hemos mejorado el tratamiento de los logotipos.
Si una imagen contiene demasiado espacio blanco o transparente alrededor del logo, el generador puede aprovechar mejor el área útil y adaptar su contenedor a las proporciones reales de la imagen.
Esto permite trabajar mucho mejor tanto con logotipos cuadrados como horizontales sin que terminen viéndose demasiado pequeños dentro del PDF.
Productos con una jerarquía visual mucho más clara
Las fichas de producto también han sido rediseñadas.
Ahora existe una jerarquía visual mucho más clara entre la información principal de cada producto:
Imagen → categoría → nombre → precio → descripción → acciones
También mejoramos la presentación de los productos en oferta, mostrando de forma más clara el precio anterior y el precio actual.
Además, el catálogo puede generarse utilizando 1, 2 o 3 columnas, dependiendo del tipo de producto y de la cantidad de información que quieras mostrar.
Organiza los productos por categorías
Cuando trabajamos con muchos productos, la organización del catálogo se vuelve especialmente importante.
Por eso ahora podemos ordenar los productos por categoría antes de generar el PDF.
Por ejemplo, una boutique podría organizar su catálogo así:
Vestidos → Blazers → Bolsos → Calzado → Accesorios
Mientras que una tienda tecnológica podría utilizar:
Audio → Computadoras → Electrónica → Wearables → Accesorios
El documento PDF respeta ese orden al generarse, evitando que los productos de distintas categorías aparezcan mezclados.
Esto hace que el catálogo sea mucho más fácil de consultar para el cliente.
Enlaces de compra directamente dentro del PDF
Esta es una de las funciones que más me gustan de la nueva versión.
Ahora cada producto puede incluir diferentes acciones directamente dentro del PDF.
Por ejemplo:
- Consultar más información.
- Abrir la página del producto.
- Ir directamente a una página de compra.
- Contactar mediante WhatsApp.
Estos botones son realmente clicables dentro del documento PDF.
Esto significa que el catálogo deja de ser simplemente un documento informativo y puede convertirse en una herramienta de venta.
Un cliente puede recibir el catálogo por WhatsApp, abrirlo, encontrar un producto que le interesa y desde el propio PDF continuar directamente con la compra o contactar con el negocio.
Compra o consulta directamente por WhatsApp
También podemos configurar mensajes personalizados de WhatsApp para cada producto.
Por ejemplo:
Hola, me interesa el iPhone 15 Pro Max. ¿Me puedes compartir disponibilidad y formas de pago?
Cuando el cliente presiona el botón de WhatsApp dentro del catálogo, puede iniciar directamente la conversación con el negocio.
Para vendedores independientes, boutiques, distribuidores o negocios que realizan gran parte de sus ventas mediante WhatsApp, esta función puede resultar especialmente útil.
Más información para cada producto
El formulario para crear y editar productos también ha evolucionado.
Ahora podemos trabajar con información como:
- Nombre.
- Categoría.
- Precio actual.
- Precio anterior.
- Etiqueta de oferta.
- Imagen.
- Descripción.
- Enlace de información.
- URL personalizada de compra.
- Tipo de botón.
- Texto del botón.
- Mensaje personalizado para WhatsApp.
Las descripciones también permiten utilizar formato básico como negritas, cursivas y listas, lo que permite crear fichas de producto más completas.
Además, la interfaz del formulario fue reorganizada para separar claramente la información básica, la imagen y descripción, los enlaces y las acciones de compra.
Sube imágenes directamente desde tu dispositivo
Otra mejora importante está relacionada con la gestión de imágenes.
Ya no dependemos únicamente de pegar una URL externa.
Ahora podemos seleccionar imágenes directamente desde nuestra computadora o dispositivo móvil.
El plugin se encarga de validar y optimizar estas imágenes antes de utilizarlas.
Esto simplifica muchísimo el flujo para cualquier usuario.
Solo tiene que seleccionar una fotografía, completar los datos del producto y continuar con el siguiente.
Vista previa real antes de descargar
También hemos mejorado por completo el sistema de vista previa.
Ahora la vista previa utiliza el mismo PDF que posteriormente descargamos.
Esto significa que lo que vemos antes de descargar es realmente el resultado final que vamos a obtener.
Tenemos dos acciones principales:
- Vista previa
- Descargar PDF
Además, mientras el documento se está procesando, la interfaz muestra un indicador de carga para que el usuario sepa que el catálogo se está generando y no vuelva a pulsar el botón varias veces.
Página final de contacto
También rediseñamos completamente la página final de contacto.
Podemos incluir información como:
- Teléfono.
- WhatsApp.
- Correo electrónico.
- Sitio web.
- Dirección.
- Redes sociales.
Y muchos de estos elementos son interactivos.
Por ejemplo, el teléfono puede iniciar una llamada, el correo puede abrir el cliente de email, WhatsApp puede iniciar una conversación y el sitio web puede abrirse directamente desde el PDF.
La página de contacto también utiliza el logo y los colores del negocio para mantener una identidad visual coherente en todo el documento.
Importación, exportación y herramientas de gestión
La importación y exportación mediante JSON sigue formando parte del generador.
Podemos exportar la configuración y los productos de un catálogo para conservar una copia, trasladarlo o utilizarlo posteriormente.
La importación también permite arrastrar y soltar directamente el archivo JSON sobre la interfaz.
Además, desde la sección de herramientas podemos limpiar completamente el catálogo cuando queramos comenzar uno nuevo.
Esta función resulta especialmente útil si eres diseñador o desarrollador y quieres preparar distintos catálogos de ejemplo para tus clientes.
El trabajo se conserva mientras editas
El generador también utiliza almacenamiento local para conservar automáticamente el trabajo realizado desde el navegador.
Los productos, la configuración e incluso determinados datos que estás introduciendo pueden recuperarse si cierras accidentalmente la página o interrumpes el proceso.
Esto ayuda a reducir la posibilidad de perder un catálogo en el que llevamos tiempo trabajando.
Pensado también para los clientes de tus proyectos
Algo que me sigue gustando mucho de este ejercicio es que no tiene por qué ser únicamente una herramienta para nosotros como diseñadores o desarrolladores.
Podemos instalar el generador en el WordPress de un cliente y permitir que sea el propio cliente quien gestione sus productos y genere sus catálogos.
No necesita abrir Illustrator, InDesign, Canva ni editar manualmente un documento cada vez que cambia un precio.
Simplemente modifica el producto, genera nuevamente el catálogo y listo.
Por eso durante esta actualización también hemos trabajado mucho en la experiencia de uso.
La interfaz es responsive, los campos están mejor organizados y todo el proceso intenta ser comprensible incluso para personas sin conocimientos técnicos.
Personalización y traducciones
Cada implementación puede utilizar su propia identidad visual.
El generador permite configurar los datos del negocio, logo, colores, portada y toda la información necesaria para que el resultado final se adapte a cada proyecto.
Además, seguimos utilizando el sistema estándar de internacionalización de WordPress, por lo que los textos del plugin pueden traducirse utilizando herramientas como Loco Translate.
Esto permite utilizar el generador en otros idiomas sin necesidad de modificar directamente el código.
¿Qué hemos mejorado en OV Generador de Catálogo PDF 1.1?
- Nuevo diseño profesional de portada, productos y página de contacto.
- Mejor tratamiento y adaptación automática de logotipos.
- Vista previa real del PDF.
- Descarga directa desde la propia interfaz.
- Indicadores de carga durante la generación.
- Botones de información, compra y WhatsApp clicables.
- Datos de contacto interactivos dentro del PDF.
- Nuevos campos para productos.
- Carga de imágenes directamente desde el dispositivo.
- Optimización automática de imágenes.
- Descripciones con formato enriquecido.
- Formulario de productos reorganizado.
- Ordenación por categorías.
- El PDF respeta el orden configurado.
- Configuración de 1, 2 o 3 columnas.
- Página final de contacto opcional.
- Importación y exportación mediante JSON.
- Importación mediante arrastrar y soltar.
- Recuperación automática del trabajo.
- Herramientas para limpiar y reiniciar el catálogo.
- Mejor experiencia responsive.
- Compatibilidad con traducciones mediante Loco Translate.
- Mejor compatibilidad con constructores visuales y sistemas de caché.
- Revisión, limpieza y optimización general del código para producción.
Del primer prototipo a una herramienta mucho más completa
Esta actualización también refleja algo que intento mostrar continuamente en los tutoriales de OV DIVI.
Hoy podemos utilizar código, WordPress y herramientas de inteligencia artificial para construir soluciones bastante específicas sin depender necesariamente de un plugin comercial para cada problema.
La primera versión del generador ya resolvía el objetivo principal:
Crear un catálogo PDF directamente desde WordPress.
Pero una vez tenemos una primera versión funcional comienza otra parte igual de importante: probarla, detectar fricciones, mejorar la experiencia y convertirla en una herramienta realmente preparada para utilizarse en un proyecto.
Eso es precisamente lo que hemos hecho con OV Generador de Catálogo PDF 1.1.
Descarga OV Generador de Catálogo PDF 1.1
Si ya eres miembro de los Tutoriales Exclusivos de la Academia OV DIVI, puedes descargar la nueva versión 1.1.0 desde los materiales del tutorial.
Si utilizabas la versión anterior, esta nueva versión continúa el desarrollo del mismo plugin e incorpora todas las mejoras que hemos visto en este artículo.
Si todavía no formas parte de los Tutoriales Exclusivos, puedes unirte para acceder a este plugin y al resto de materiales y tutoriales disponibles para miembros.
OV Generador de Catálogo PDF 1.1 ya está disponible para descargar.
0 comentarios