Cómo crear barras y gráficos en WordPress con Visualizer

¿Quieres agregar barras y gráficos en WordPress? Las ayudas visuales como el gráfico, las barras, el gráfico circular y otros son una forma perfecta de agregar datos de manera hermosa con su contenido. En este artículo, le mostraremos cómo crear barras y gráficos en WordPress con el complemento Visualizer WordPress Charts and Graphs.

El problema con las barras y los gráficos en WordPress

Hay muchos complementos de WordPress para agregar barras, cuadros y gráficos con su contenido. Sin embargo, la queja más común que hemos escuchado de nuestros usuarios es que estos complementos suelen ser demasiado complicados de usar..

Algunos de estos complementos incluso esperan que los usuarios agreguen datos dentro de un shortcode en formatos extremadamente complicados.

En lugar de usar esos complementos, muchos usuarios terminan creando gráficos en sus aplicaciones de oficina y convirtiéndolos en una imagen.

Esto podría funcionar si planea nunca cambiarlo. Sin embargo, una imagen no sustituye a un gráfico interactivo donde aparecen datos útiles cuando el usuario coloca el mouse sobre una sección en particular.

Una solución ideal de tablas y gráficos le permitiría:

• Agregue datos de una fuente de datos en su computadora o en la web.
• Rellene cuadros, tartas, gráficos y barras con sus datos.
• Crea gráficos hermosos, interactivos, coloridos y amigables para dispositivos móviles..
• Lo más importante es que debería permitirle actualizar los datos cuando lo desee..

Dicho esto, veamos cómo el plugin de gráficos y gráficos de Visualizer WordPress te ayuda a hacer todo eso..

Creación de barras y gráficos en WordPress con Visualizer

Lo primero que debe hacer es instalar y activar el complemento Visualizer WordPress Charts and Graphs. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Si bien la versión gratuita hace casi todo lo que necesita, también tienen Gráficos Visualizer y Gráficos Pro que agregan funciones adicionales al complemento, como agregar datos directamente mediante una hoja de cálculo como la interfaz e importar datos de otros gráficos..

Cuesta $ 79 por una licencia de sitio único con un año de soporte profesional y actualizaciones.

Nota: Este tutorial es sobre la versión gratuita del plugin..

Tras la activación, debe visitar Media »Visualizer Library página. Aquí es donde aparecerán todas tus tablas y gráficos..

Debe hacer clic en el botón Agregar nuevo para agregar su primer gráfico.

Esto abrirá una ventana emergente en la pantalla. Verá diferentes tipos de gráficos disponibles con el complemento. Simplemente seleccione el tipo de gráfico que desea agregar y haga clic en el siguiente botón para continuar.

El siguiente paso es agregar su fuente de datos en un formato CSV. Si ha guardado sus datos como hoja de cálculo con Excel, Google Sheets o cualquier otro programa, simplemente puede exportarlos como un archivo CSV..

Puede descargar o guardar su archivo CSV en su computadora y luego subirlo haciendo clic en el botón 'Desde la computadora'.

Su archivo CSV debe tener nombres de columna en la primera fila y tipo de datos en la segunda fila. El complemento admite estos tipos de datos: cadena, número, booleano, fecha, hora, fecha y hora del día.

Eche un vistazo a este archivo de ejemplo que hemos creado en Google Sheets..

Si está creando un archivo CSV con un editor de texto, observe este archivo CSV de ejemplo:


Navegador, visitantes
cuerdas, numeros
Cromo, 7894
Firefox, 6754
Internet Explorer, 4230
Safari, 2106
Ópera, 627


Agregar un gráfico en WordPress usando la hoja de cálculo de Google Drive

Si tiene los datos de su gráfico guardados como una hoja de cálculo en el disco de Google, entonces puede agregarlos a su gráfico sin exportarlos.

Abra su archivo de datos en Google Spreadsheets y luego haga clic en Archivo »Publicar en la web.

Esto abrirá una ventana emergente donde debe seleccionar cómo desea publicar este documento. Debe seleccionar Valores separados por comas (.csv) en el menú desplegable.

No te olvides de hacer clic en el botón 'Publicar'.

Ahora verá la URL públicamente disponible de su hoja como un archivo CSV. Necesita copiar esta URL y volver al gráfico de Visualizer.

Haga clic en el botón Desde la Web y luego ingrese la URL del archivo csv de su hoja de cálculo de Google.

Tan pronto como ingrese la URL, el complemento recuperará su archivo CSV y mostrará una vista previa en vivo de su gráfico.

Ahora puede hacer clic en el botón Crear gráfico para guardar su gráfico.

Agregar un gráfico o gráfico en las publicaciones / páginas de WordPress

Agregar una tabla o gráfico a tus publicaciones y páginas de WordPress es tan simple como agregar imágenes.

Cree una nueva publicación / página o edite una existente donde desee agregar el gráfico. En la pantalla de edición, haga clic en el botón Agregar medios sobre el editor de publicaciones.

Esto abrirá la ventana emergente de carga de WordPress. Necesitas hacer clic en la pestaña de visualizaciones de la columna izquierda. Cargará todos los gráficos que haya creado y guardado en este sitio..

Haga clic en el icono de inserción debajo de su gráfico. La ventana emergente desaparecerá y verá su gráfico agregado a su publicación de WordPress como un código corto.

Ahora puede guardar su publicación o página de WordPress y visitar su sitio web para ver el gráfico incrustado en su publicación de WordPress.

Edición de sus gráficos de Visualizer en WordPress

Puedes editar y cambiar tus gráficos en cualquier momento. Simplemente visitar Media »Visualizer Library página. Desde allí puede clonar un gráfico, eliminarlo o editar su configuración visual..

Actualizar los datos de un gráfico existente sin cambiar el gráfico es bastante fácil con Visualizer.

Si agregó datos de una hoja de cálculo de Google, entonces todo lo que necesita hacer es actualizar los datos en su hoja de cálculo e ir a Archivo »Publicar en la web y reeditar su hoja de cálculo. Tus cambios se reflejarán automáticamente en tu gráfico..

Por otro lado, si subiste un archivo CSV, entonces necesitas actualizar el archivo CSV en tu computadora. Una vez hecho esto, seleccione la tabla que desea actualizar y haga clic en el enlace de edición debajo de la tabla.

En la sección Cargar archivo CSV, simplemente cargue su nuevo archivo CSV. Los cambios en los datos se reflejarán automáticamente en las publicaciones o páginas donde haya insertado ese gráfico..

Agregar un gráfico en un widget de barra lateral de WordPress

Visualizer utiliza códigos cortos para insertar gráficos. Simplemente ir a Media "Visualizer Library, Allí verás un shortcode debajo de tus gráficos..

Copia el código corto y ve a Apariencia "Widgets. Arrastre y suelte un widget de texto en la barra lateral y pegue el código corto dentro del widget.

Si el código abreviado no funciona en el widget de texto, consulte nuestra guía sobre cómo usar códigos cortos en los widgets de la barra lateral de WordPress.

Esperamos que este artículo te haya ayudado a agregar barras y gráficos en tu sitio de WordPress. También puede querer ver nuestra lista de 24 que deben tener complementos de WordPress para sitios web de negocios

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..