WordPress no viene con un creador de infografías. No hay un botón en el editor que convierta una hoja de cálculo en un gráfico o una imagen en un diagrama clickable. En cambio, debes elegir un plugin que se encargue de una tarea específica, y el plugin adecuado dependerá completamente del tipo de infografía que tengas en mente.
Es esa parte que la mayoría de las listas omite. Un plugin de gráficos no te ayudará a crear un plan de planta que pueda ser clicado. Un plugin de mapas de imágenes tampoco te ayudará a comparar precios. Así que este post está organizado por función, no por popularidad.
Las infografías siguen siendo una de las formas más efectivas de presentar datos complejos en un formato simple y visual. Ya sea que necesite compartir estadísticas importantes, explicar un proceso o resaltar información clave, estas herramientas hacen que su contenido sea más atractivo y fácil de entender. Los siete plugins que se presentan a continuación cubren los cuatro tipos de contenido que suelen aparecer: gráficos y diagramas, imágenes interactivas con puntos de referencia, tablas comparativas visuales y infografías en formato listado.
Cada uno de ellos tiene una versión gratuita.
Comparación rápida
| Plugin | Lo mejor para | Instalaciones activas | Versión gratuita |
|---|---|---|---|
| Bloques definitivos | Bloques en formato infografía dentro de tus publicaciones | 50,000+ | Sí, la mayoría de los bloques son gratuitos |
| Visualizador | Gráficos y tablas de datos | 20,000+ | Sí, incluye un creador de gráficos de IA |
| Llamar la atención | Mapas de imágenes y puntos de acceso interactivos | 20,000+ | Sí, solo una imagen |
| Tableberg | Tablas de comparación visuales en el editor de bloques | 2,000+ | Sí |
| Generador de tablas WP | Arrastrar y soltar tablas visuales | 50,000+ | Sí |
| Gráfico M | Gráficos simples basados en hojas de cálculo | 4,000+ | Sí, totalmente gratis |
| AI Infographic Maker | Listas generadas por inteligencia artificial | 800+ | Sí |
Los valores de instalación provienen del directorio de plugins de WordPress.org y pueden cambiar con el tiempo.
¿Cuál debería instalarse?
- Quieres visualizar números. Comienza con Visualizer. Si quieres algo más ligero y sin ningún tipo de promociones, utiliza M Chart.
- Quieres que la gente haga clic en partes de una imagen. Atrae la atención si la imagen es el objetivo principal, como un plano de planta o un mapa. Ultimate Blocks si quieres incluir puntos de interés en una imagen dentro de un post normal en el blog.
- ¿Necesita una comparación, precios o una presentación de ventajas y desventajas?. Tableberg si trabajas en el editor de bloques. WP Table Builder si prefieres un lienzo separado para arrastrar y soltar.
- Quieres que la IA cree el diseño visual para ti. El creador de gráficos de inteligencia artificial de Visualizer para datos. El creador de infografías de inteligencia artificial para listas.
Examinemos cada uno de ellos.
Bloques definitivos
Bloques definitivos proporciona un conjunto de bloques especializados que transforman el contenido habitual de la publicación en presentaciones en formato infográfico. Estos bloques son más que simples elementos de diseño: están diseñados para presentar contenido basado en datos que informa y atrae la atención del lector sin que sea necesario salir del editor o aprender una interfaz separada.
El plugin incluye más de 25 bloques. Los que son importantes para las infografías son:
- Hotspots de imagen (Pro). Coloque marcadores interactivos sobre cualquier imagen, cada uno con su propio tooltip rico. Haga clic en un marcador y el tooltip se abrirá con lo que introduzca. Este es el bloque que se utilizará para diagramas con anotaciones, resaltes de características de productos o explicaciones sobre lo que hay en esta foto. También puede transformar un bloque de imagen existente en un bloque de Hotspots de imagen, de modo que no tenga que reconstruir nada y que tenga soporte para bordes, radios de bordes, subtítulos, enlaces y filtros de duotone.
- Barra de progreso. Estilo de línea o círculo, ideal para objetivos, porcentajes y hitos.
- Cronología (Pro). Ordena los eventos, verticalmente o horizontalmente, para contar una historia o seguir un proyecto.
- Contraste. Contadores numéricos animados para estadísticas y hitos.
- Lista estilizada. Cambié las líneas de texto por iconos y un estilo personalizado para que los datos individuales se destaquen.
- Calificación estelar. Mostrar las calificaciones y las reseñas visualmente.
- Slider de imágenes. Mostrar múltiples imágenes o puntos de datos en un slider responsive, lo cual resulta muy útil para realizar comparaciones antes y después de un cambio.
En conjunto, estos no solo presentan datos. Transforman una pieza de contenido en algo que el lector realmente navega.
Principales características
- 25+ bloques, todos dentro del editor de bloques nativo
- Bloqueo de puntos de interés de la imagen con útiles consejos, añadido en la versión 3.5.8 (Pro)
- Barra de progreso, contador, calificación de estrellas y lista estilizada para contenido con muchos datos estadísticos
- Bloque de cronología para historias cronológicas (Pro)
- Slider de imágenes para comparaciones visuales
- Controle total sobre las fuentes, colores y espaciado
- Copiar y pegar estilos entre bloques
Visualizador
Visualizador Es la opción más completa para convertir datos en forma de gráficos y tablas. Puede crear visualizaciones totalmente personalizables que se adaptan a cualquier pantalla, y se utiliza por educadores, asesores financieros, propietarios de pequeñas empresas y organizaciones sin fines de lucro.
El cambio más importante desde que este post salió a la luz pública es la creación incorporada de gráficos con inteligencia artificial. Puedes describir el gráfico que deseas en lenguaje claro y el Visualizer lo crea, sin necesidad de una clave API ni de ningún proceso de configuración. Esto está incluido en la versión gratuita.
Además, obtienes un editor parecido a Excel para introducir datos manualmente, lo que te brinda un control total sobre el contenido y la estructura de tus gráficos sin tener que salir de WordPress. La versión gratuita incluye gráficos de línea, barra, diagrama de pizza y tabla. La versión Pro añade tipos de gráficos de dispersión, área, geo, burbuja, radar, polar, candelabro y línea de tiempo.
El plugin utiliza la API de visualización de Google, DataTables.net y Chart.js para mantener los gráficos adaptables a todos los dispositivos. Puede personalizar casi todos los detalles, añadir ordenación, paginación, ordenación multicanal y búsqueda a sus tablas HTML, y configurar permisos para controlar quién puede ver o editar cada gráfico. La sincronización automática de datos a partir de archivos CSV, Google Sheets o APIs externas es una función Pro.
Principales características
- Creador de gráficos de inteligencia artificial que funciona a partir de una descripción en texto plano (gratis)
- Tipos básicos de gráficos en la versión gratuita: tabla, línea, diagrama de corte y barra
- Tipos avanzados de gráficos en Pro: dispersión, área, geo, burbuja, radar, polar, candelabro, línea de tiempo
- Editor de datos manual como en Excel
- Totalmente responsive en todos los dispositivos
- Control de permisos para la visualización y edición de gráficos
- Paginación, búsqueda, ordenación por múltiples columnas y filtrado de texto
- Funciona en el editor de bloques y en otros creadores de páginas
Llamar la atención
Llamar la atención Facilita la creación de mapas de imágenes interactivos, con especial atención a resaltar áreas específicas de cualquier imagen. Se pueden añadir puntos de acceso que revelan más información al hacer clic o pasar el ratón por encima, convirtiendo una imagen estática en algo que la gente puede explorar.
Se pueden dibujar formas personalizadas sobre las partes de la imagen que se quiere resaltar, ya sea un plano de planta, un conjunto de características del producto o una infografía clickable. Cuando alguien hace clic o hace un movimiento sobre la imagen, se puede revelar texto, imágenes, vídeo o enlazarlo con otra fuente. El plugin incluye más de 20 esquemas de color predefinidos y se puede controlar si la información adicional aparece junto a la imagen, en una lightbox o en un tooltip.
Una cosa que vale la pena saber antes de instalar: la versión gratuita te permite crear un Imágenes interactivas. Los puntos de acceso en esa imagen son ilimitados, pero si necesitas una segunda imagen, necesitas Pro, que cuesta $99 por un único sitio o $199 para sitios ilimitados. Para muchos casos de uso, una imagen es realmente suficiente. Solo tienes que hacerlo con la certeza de ello.
El plugin se mantiene activamente y ahora ofrece un bloque, por lo que no tienes que depender de los shortcodes.
Principales características
- Puntos de acceso clicables ilimitados en su imagen
- Dibujar formas personalizadas directamente sobre la imagen
- Mostrar más información o enviar a los usuarios a una URL
- Texto, imágenes, vídeo y códigos cortos compatibles dentro de los hotspots
- Más de 20 esquemas de color predefinidos
- Opciones de diseño que incluyen la opción de mostrar junto a la imagen, lightbox o tooltip
- Suporte al editor de bloques
- La versión gratuita está limitada a una imagen interactiva
Tableberg
Tableberg es un constructor de tablas basado en bloques, y las tablas son un formato de infografía poco utilizado. Una tabla de comparación bien construida comunica mejor que un gráfico cuando lo que se está comparando son características en lugar de números.
Tableberg Su característica definitoria son sus subbloques. Cada celda puede contener imágenes, listas, botones, cintas, iconos o puntuaciones estrellas, por lo que una tabla deja de parecer una hoja de cálculo y comienza a parecer una comparación diseñada. Puede fusionar células, ajustar las dimensiones y duplicar o mover filas y columnas. Las filas y columnas pegajosas mantienen visible el encabezado y la primera columna mientras los lectores desplazan una tabla amplia.
La clasificación y la búsqueda integradas permiten a los visitantes filtrar los resultados para encontrar lo que necesitan, y los ajustes adaptativos gestionan cómo se despliega la tabla en pantallas más pequeñas. Combinados con el control sobre el color y el tamaño globales de las fuentes, el relleno y el espaciado, funcionan bien para tablas de precios, comparaciones de características y plantillas de ventajas y desventajas.
Se puede ver cómo funciona en la comparison tables demo, pricing tables demoy Demostración de ventajas y desventajas.
Principales características