Comprender los widgets gr\u00e1ficos en WordPress<\/h2>\n
Los sitios web (incluidos los que utilizan WordPress) utilizan dos tipos de widgets<\/a>: gr\u00e1ficos y de texto. Los widgets de texto t\u00edpicos pueden ser cautivadores, pero los widgets gr\u00e1ficos mostrar\u00e1n la informaci\u00f3n en un formato m\u00e1s atractivo.<\/p>\n Estos widgets tendr\u00e1n componentes din\u00e1micos que utilizan diferentes representaciones visuales \u2014 como tablas, gr\u00e1ficos, mapas y barras de progreso \u2014 para transmitir informaci\u00f3n compleja de un vistazo. Esto puede ayudarte a comunicarte mejor con tus lectores, lo que a su vez les ayuda a comprender e interpretar tus datos r\u00e1pidamente. Tambi\u00e9n podr\u00eda mejorar la participaci\u00f3n y retenci\u00f3n de tus usuarios.<\/p>\n Aunque hay distintas formas de presentar tus datos, los widgets gr\u00e1ficos tienen algunos elementos en com\u00fan:<\/p>\n Sin embargo, los widgets gr\u00e1ficos no s\u00f3lo sirven para a\u00f1adir un toque visual a tu sitio. Son una parte importante de la visualizaci\u00f3n e interacci\u00f3n con tus datos brutos.<\/p>\n Utilizar gr\u00e1ficos para transmitir un mensaje tiene muchas ventajas. En general, el contenido visual es un gran negocio y muy importante para el marketing online<\/a>.<\/p>\n Hay muchos otros aspectos positivos para ti y tus datos:<\/p>\n La informaci\u00f3n visual suele tener ventaja sobre el texto en cualquier campo, lo que significa que puedes presentar puntos de datos clave de forma que \u00abse queden grabados\u00bb. Por ello, utilizarlos de la forma adecuada en tu sitio web es una prioridad absoluta.<\/p>\n El exceso de algo bueno se volver\u00e1 repetitivo y saturar\u00e1. Esto significa que deber\u00e1s utilizar los widgets gr\u00e1ficos con cuidado y atenci\u00f3n.<\/p>\n La buena noticia es que hay muchas situaciones en las que puedes utilizar widgets gr\u00e1ficos. El momento m\u00e1s claro para sacar los gr\u00e1ficos es cuando necesitas simplificar conceptos complejos para tus lectores. Sin embargo, hay otros casos espec\u00edficos:<\/p>\n Incluso puedes utilizar widgets gr\u00e1ficos cuando necesites la interacci\u00f3n del usuario, como para informes din\u00e1micos<\/a> u otros cuadros de mando. La clave est\u00e1 en decidir si mostrar tus datos visualmente mejorar\u00e1 su comprensi\u00f3n y compromiso respecto a otros enfoques.<\/p>\n En resumen, si el formato visual aporta valor y claridad a tus datos, es probable que encajen bien en un widget gr\u00e1fico.<\/p>\n La propia visualizaci\u00f3n de datos se presenta de varias formas, y cada tipo de visualizaci\u00f3n se adaptar\u00e1 a diferentes datos y necesidades de presentaci\u00f3n. No entraremos aqu\u00ed en los pormenores de cada forma de presentar tus datos, aunque hay algunas opciones t\u00edpicas y destacadas que conviene tener en cuenta.<\/p>\n Los diagramas y gr\u00e1ficos t\u00edpicos, como los diagramas de barras, los diagramas circulares, los gr\u00e1ficos lineales y los gr\u00e1ficos de \u00e1rea, son siempre una buena opci\u00f3n para la visualizaci\u00f3n de datos. Son elementos b\u00e1sicos del enfoque:<\/p>\n Los gr\u00e1ficos de dispersi\u00f3n son un poco m\u00e1s complejos, pero te permitir\u00e1n mostrar la relaci\u00f3n entre dos variables:<\/p>\n Los mapas<\/a> pueden tener varias formas. Los mapas de calor<\/a> tienen casos de uso espec\u00edficos, pero utilizan gradientes de color para mostrar la intensidad de los conjuntos de datos. Un mapamundi interactivo puede ser bueno cuando necesites interactividad basada en ubicaciones:<\/p>\n Los contadores y las barras de progreso son m\u00e1s para logros de hitos. En este caso, recurrir\u00e1s a contadores num\u00e9ricos que utilicen el recuento din\u00e1mico hasta un valor final. Las barras de progreso circulares pueden ayudar a mostrar los porcentajes de finalizaci\u00f3n. Tambi\u00e9n puedes hacerlo con una barra lineal horizontal o vertical:<\/p>\n Incluso las galer\u00edas de im\u00e1genes<\/a>, las cajas de luz y los deslizadores pueden ayudarte a presentar tus datos en varias diapositivas, con superposiciones o como si se tratara de una historia. Aqu\u00ed es donde pueden entrar en juego las visualizaciones de l\u00edneas temporales, al igual que los flujos de procesos. Un tipo de visualizaci\u00f3n de datos que ver\u00e1s mucho en los sitios de tutoriales de fotograf\u00eda es la comparaci\u00f3n \u00abAntes\/Despu\u00e9s\u00bb.<\/p>\n Esto te permite comparar dos versiones de una imagen utilizando un deslizador din\u00e1mico que se arrastra por la imagen, revelando la otra. Puede que no tenga mucha utilidad para tus casos de uso, pero recuerda: cada tipo de visualizaci\u00f3n tiene una aplicaci\u00f3n ideal.<\/p>\n El tipo de visualizaci\u00f3n que utilices importa, pero c\u00f3mo lo utilices (y d\u00f3nde) tambi\u00e9n es importante. Es decir, hay distintas aplicaciones en las que utilizar widgets gr\u00e1ficos tendr\u00e1 un gran beneficio.<\/p>\n Te dar\u00e1s cuenta de que, aparte de los casos de uso t\u00edpicos, tambi\u00e9n hay aplicaciones que ves a menudo pero que no asocias con la visualizaci\u00f3n de datos. En las pr\u00f3ximas secciones, vamos a abordar algunos de estos usos.<\/p>\n Una de las aplicaciones \u00abde moda\u00bb de los widgets gr\u00e1ficos es mostrar esencialmente tus m\u00e9tricas clave. Para las empresas, esto supone una clara ventaja a la hora de presentar sus datos de forma atractiva. Un gr\u00e1fico de barras es f\u00e1cil de leer con los valores de eje adecuados y ayuda a visualizar las tendencias de ventas a lo largo del tiempo o a comparar diferentes productos o servicios.<\/p>\n Target<\/a> es una de las millones de empresas que probablemente lo utilicen para mostrar el crecimiento anual de sus ingresos:<\/p>\n Esto tambi\u00e9n muestra c\u00f3mo estas sencillas presentaciones pueden ilustrar la relaci\u00f3n entre diferentes m\u00e9tricas, como el coste de adquisici\u00f3n de clientes o el valor del tiempo de vida. Los gr\u00e1ficos de barras apiladas tambi\u00e9n pueden mostrar este tipo de comparaci\u00f3n. WordPress utiliza este enfoque en el Directorio de Plugins<\/a> para mostrar el desglose de qu\u00e9 versi\u00f3n de un plugin instalan los usuarios:<\/p>\n Los gr\u00e1ficos circulares y de rosquilla son estupendos si una empresa quiere mostrar datos sobre su base de clientes. A menudo, estar\u00e1n segmentados por edad, ubicaci\u00f3n u otro factor relevante. Elementor<\/a> utiliza una visualizaci\u00f3n de part\u00edculas genial y \u00fanica para destacar sus mayores bases de usuarios:<\/p>\n En otros casos, puedes optar por mostrar los hitos de la empresa o la progresi\u00f3n de un proyecto. Flourish<\/a> utiliza una l\u00ednea de tiempo para mostrar su historia, que puede repercutir en la fidelidad a la marca:<\/p>\n En realidad, el comercio electr\u00f3nico funciona en paralelo a las aplicaciones empresariales generales, por lo que todo lo que se explica aqu\u00ed podr\u00eda aplicarse tambi\u00e9n a una tienda. Aun as\u00ed, tambi\u00e9n hay formas espec\u00edficas en las que este sector puede visualizar los datos.<\/p>\n Las decisiones de compra suelen implicar unos segundos de deliberaci\u00f3n<\/a>, por lo que es crucial hacer llegar r\u00e1pidamente la informaci\u00f3n adecuada a los clientes. Las comparaciones de productos mediante gr\u00e1ficos de barras o de radar te ayudan a comparar las caracter\u00edsticas o especificaciones de distintos productos, pero eso es s\u00f3lo el principio.<\/p>\n Por ejemplo, SRFACE<\/a> utiliza una gu\u00eda de estilo<\/a> interactiva para explicar las especificaciones de sus trajes de neopreno y visualizar el aspecto de cada variante:<\/p>\n Tambi\u00e9n puedes utilizar tablas y gr\u00e1ficos para ayudar a los visitantes a comprender las tendencias en la adopci\u00f3n de productos. El Directorio de Temas de WordPress<\/a> hace esto utilizando gr\u00e1ficos de barras:<\/p>\n Podr\u00edas incluir widgets gr\u00e1ficos en cualquier lugar en el que, de otro modo, utilizar\u00edas texto. Por ejemplo, muchas tiendas de comercio electr\u00f3nico utilizan texto simple en contraste para calcular las existencias<\/a>. Sin embargo, las barras de progreso podr\u00edan encajar mejor aqu\u00ed, ya que tambi\u00e9n podr\u00edan aumentar la urgencia de una venta.<\/p>\n Las visualizaciones en tiempo real tienen una sensaci\u00f3n emocionante porque ves una progresi\u00f3n en directo de la m\u00e9trica rastreada. Las organizaciones ben\u00e9ficas y sin \u00e1nimo de lucro<\/a> utilizan con frecuencia este tipo de widgets gr\u00e1ficos<\/span>.<\/p>\n GoFundMe<\/a> es la mayor plataforma de crowdfunding del planeta, y cada recaudador de fondos tiene un term\u00f3metro o barra de seguimiento del progreso que se va llenando a medida que se acerca un objetivo:<\/p>\n Los contadores animados o las infograf\u00edas pueden ayudar a mostrar el impacto en tiempo real de tus productos y servicios. Por ejemplo, el sitio web principal de WordPress.org<\/a> tiene una p\u00e1gina dedicada a mostrar el n\u00famero de descargas de la plataforma principal que se actualiza cada minuto:<\/p>\n Kinsta<\/a> incluso utiliza un gr\u00e1fico para ayudarte a controlar el tiempo de actividad de tu sitio en nuestros diferentes servicios:<\/p>\n Esta estrategia de actualizaci\u00f3n \u00aben directo\u00bb puede tener aplicaciones pr\u00e1cticas m\u00e1s all\u00e1 del simple alarde y la ostentaci\u00f3n. En algunos casos, necesitar\u00e1s tener un conocimiento actualizado de determinadas m\u00e9tricas.<\/p>\n La supervisi\u00f3n del rendimiento tiene un amplio alcance. Puede ser una estrategia directa de medici\u00f3n de KPI, o una visi\u00f3n general personalizada de una m\u00e9trica concreta. Google Analytics<\/a> es un buen ejemplo de c\u00f3mo mostrar una gran cantidad de datos de tu sitio de forma atractiva:<\/p>\n La aplicaci\u00f3n de auditor\u00eda DeploymentHawk<\/a> de Google Lighthouse<\/a> utiliza diferentes tablas, gr\u00e1ficos, contadores y otros elementos para hacer n\u00fameros y visualizar los resultados de un informe:<\/p>\n La herramienta de Monitorizaci\u00f3n del Rendimiento de las Aplicaciones (APM) de Kinsta<\/a> y el panel de MyKinsta<\/a> tambi\u00e9n lo hacen, utilizando muchos tipos diferentes de visualizaci\u00f3n de datos en funci\u00f3n de las m\u00e9tricas que necesites ver:<\/p>\n La gamificaci\u00f3n siempre puede ayudarte si tienes que cumplir objetivos. Todoist<\/a> lo hace utilizando gr\u00e1ficos b\u00e1sicos de barras y l\u00edneas junto con su sistema de puntos ‘karma’:<\/p>\n Por \u00faltimo, algunas organizaciones sin \u00e1nimo de lucro hacen p\u00fablicos sus resultados internos. Esto genera una dicotom\u00eda \u00fanica entre la presentaci\u00f3n de cara al p\u00fablico y el uso de los datos como bar\u00f3metro interno. Por ejemplo, la Fundaci\u00f3n Gates<\/a> toma su filosof\u00eda y visi\u00f3n internas, las aplica al futuro y, a su vez, crea un excelente ejemplo de estad\u00edstica predictiva:<\/p>\n Con esta flexibilidad en el tipo de visualizaci\u00f3n y aplicaci\u00f3n, tambi\u00e9n puedes aprovechar la adaptabilidad de los widgets gr\u00e1ficos. El resto de este post te mostrar\u00e1 c\u00f3mo hacerlo dentro de WordPress.<\/p>\n Por supuesto, para implementar widgets gr\u00e1ficos para WordPress, utilizar\u00e1s un plugin<\/a>. A lo largo de las siguientes secciones, veremos algunas de las mejores opciones que tienes \u2013 sin ning\u00fan orden en particular.<\/p>\n Visualizer<\/a> de ThemeIsle es una opci\u00f3n s\u00f3lida entre los plugins gratuitos de widgets gr\u00e1ficos. Admite una gran variedad de tipos de gr\u00e1ficos y es f\u00e1cil de usar, al igual que sus otros temas y plugins.<\/p>\n Ofrece cuatro tipos de gr\u00e1ficos diferentes, un editor de datos con una interfaz similar a la de una hoja de c\u00e1lculo y muchas opciones de personalizaci\u00f3n. El plugin tambi\u00e9n se integra con Google Charts<\/a> (y otras API de Google). Sin embargo, aunque este plugin tiene una funcionalidad completa, tienes que pagar por la versi\u00f3n premium (199 $ al a\u00f1o) para acceder a m\u00e1s tipos de gr\u00e1ficos y de edici\u00f3n.<\/p>\n No obstante, la versi\u00f3n gratuita ser\u00e1 adecuada para la mayor\u00eda de los usuarios, especialmente para una visualizaci\u00f3n de datos b\u00e1sica pero magn\u00edfica.<\/p>\n A primera vista, Data Tables Generator<\/a> no parece encajar en esta lista de plugins de widgets gr\u00e1ficos para WordPress. Despu\u00e9s de todo, como su nombre indica, s\u00f3lo puedes crear tablas de datos de texto. Esto es cierto para la versi\u00f3n gratuita, pero la edici\u00f3n premium incluye muchas m\u00e1s funciones, como tablas y gr\u00e1ficos.<\/p>\n La buena noticia es que tus creaciones pueden tener un aspecto fant\u00e1stico desde el primer momento. Tienes todo tipo de opciones de visualizaci\u00f3n, como gr\u00e1ficos de barras y l\u00edneas, gr\u00e1ficos de donut, gr\u00e1ficos de burbujas y mucho m\u00e1s. Tambi\u00e9n creemos que las opciones de ordenaci\u00f3n y filtrado est\u00e1n a la cabeza.<\/p>\n Esto significa que el plugin encajar\u00e1 muy bien en sitios que necesiten un alto nivel de interactividad, especialmente si tambi\u00e9n necesitan tablas de datos y representaciones de datos m\u00e1s visuales.<\/p>\n A pesar de esto, no hay tablas ni gr\u00e1ficos disponibles en la versi\u00f3n gratuita. Sin embargo, con una licencia de por vida que cuesta 89 $, Data Tables Generator es una ganga para la funcionalidad que obtienes.<\/p>\n El plugin amCharts<\/a> es \u00fanico en el sentido de que se conecta a una Red de Entrega de Contenidos (CDN)<\/a> externa para entregar su biblioteca. Como tal, el plugin s\u00f3lo te ayuda a conectar las bibliotecas JavaScript<\/a> a WordPress en lugar de crear los gr\u00e1ficos directamente.<\/p>\n La funcionalidad de amCharts es amplia, y viene con un alto nivel de personalizaci\u00f3n. Sin embargo, tienes que utilizar la interfaz de amCharts para crear tus widgets gr\u00e1ficos, lo que significa cambiar entre dos plataformas.<\/p>\n Si necesitas una gran variedad de clases de gr\u00e1ficos y no te importa utilizar la interfaz de terceros, amCharts puede serte \u00fatil. Sin embargo, no hay un nivel gratuito para acceder a los gr\u00e1ficos, por lo que necesitar\u00e1s una licencia premium que cuesta desde 80 $ al a\u00f1o.<\/p>\n Si utilizas Elementor<\/a>, ya tienes algunas opciones de widgets gr\u00e1ficos dentro del constructor de p\u00e1ginas. Sin embargo, Graphina<\/a> lo refuerza con un mont\u00f3n de tablas, gr\u00e1ficos y otros tipos de visualizaci\u00f3n de calidad.<\/p>\n Este plugin tiene la mayor cantidad de tipos y dise\u00f1os de gr\u00e1ficos en un plugin gratuito de widgets gr\u00e1ficos y tiene una profunda integraci\u00f3n con Elementor y Divi<\/a>. Tambi\u00e9n dispone de algunas de las opciones de personalizaci\u00f3n m\u00e1s completas disponibles en cualquier plugin, y m\u00e1s a\u00fan en uno gratuito.<\/p>\n Parece incre\u00edble, pero la versi\u00f3n premium aumenta a\u00fan m\u00e1s la funcionalidad para hacer de Graphina el plugin de widgets gr\u00e1ficos m\u00e1s completo para WordPress. Por supuesto, necesitar\u00e1s Elementor (o Divi) para aprovechar el conjunto de funciones, lo que podr\u00eda ser un obst\u00e1culo. Sin embargo, por 49 $, puede merecer la pena cambiar a uno de estos populares creadores de p\u00e1ginas.<\/p>\n Al igual que Data Tables Generator, wpDataTables<\/a> no se centra principalmente en diagramas y gr\u00e1ficos. Sin embargo, puedes hacerlo con el plugin, y los resultados son de calidad. Los sitios que trabajan con conjuntos de datos grandes y complejos deber\u00edan echar un vistazo a este plugin.<\/p>\n Como era de esperar, aqu\u00ed encontrar\u00e1s m\u00e1s opciones para crear tablas, pero hay integraci\u00f3n tanto con Google Charts como con Charts.js<\/a> para ofrecerte 15 tipos de visualizaci\u00f3n diferentes. Es experto en la gesti\u00f3n de grandes conjuntos de datos, y las opciones de importaci\u00f3n de fuentes son fant\u00e1sticas. Puedes introducir datos desde Excel<\/a>, XML<\/a>, archivos CSV, JSON e incluso arrays PHP si tienes experiencia en desarrollo.<\/p>\n Sin embargo, debido al enfoque secundario en los gr\u00e1ficos, no es tan sencillo construirlos con wpDataTables. Esta curva de aprendizaje, junto con la cantidad de funcionalidades ocultas en la edici\u00f3n premium (a partir de 39 $ al a\u00f1o), puede hacer que busques otra opci\u00f3n.<\/p>\n El \u00faltimo plugin de nuestra lista es completamente gratuito, sin nivel de precios premium. Ninja Charts<\/a> podr\u00eda ser la soluci\u00f3n adecuada si eres nuevo en la visualizaci\u00f3n de datos, pero ofrece la funcionalidad necesaria para competir con los mejores.<\/p>\n Ofrece una gran selecci\u00f3n de estilos de gr\u00e1ficos y te da la posibilidad de personalizarlos seg\u00fan tus necesidades. La interfaz es sencilla, y ofrece una profunda integraci\u00f3n con otro plugin del mismo desarrollador, Ninja Tables.<\/p>\n Incluso as\u00ed, existen limitaciones. Otros usuarios se quejan<\/a> de la falta de funciones b\u00e1sicas como por ejemplo la agregaci\u00f3n de datos. Sin embargo, el precio es imbatible, y seguimos creyendo que puede adaptarse a muchos sitios diferentes con lo que ofrece.<\/p>\n Vamos a ver r\u00e1pidamente el proceso de a\u00f1adir un widget gr\u00e1fico a tu sitio web de WordPress. Utilizaremos Visualizer, ya que nos gust\u00f3 lo suficiente como para convertirlo en nuestro favorito.<\/p>\n Sin embargo, esto no pretende ser un tutorial de Visualizer. Como tal, los pasos que demos aqu\u00ed podr\u00edan diferir de los de tu soluci\u00f3n elegida. Teniendo esto en cuenta, instala y activa<\/a> el plugin de tu elecci\u00f3n y, a continuaci\u00f3n, crea un nuevo gr\u00e1fico.<\/p>\n En Visualizer, tenemos esa opci\u00f3n al instalarlo:<\/p>\n Lo m\u00e1s probable es que haya un bot\u00f3n A\u00f1adir nuevo gr\u00e1fico<\/strong> en alg\u00fan lugar del panel de administraci\u00f3n del plugin:<\/p>\n Una vez que hagas clic en el bot\u00f3n y selecciones el tipo de gr\u00e1fico, tendr\u00e1s que introducir los datos. La versi\u00f3n gratuita de Visualizer s\u00f3lo admite la edici\u00f3n manual, pero tu plugin podr\u00eda ofrecer integraciones y opciones de importaci\u00f3n para diversas herramientas<\/a>:<\/p>\n A continuaci\u00f3n, comprueba las opciones de personalizaci\u00f3n de que dispones. Visualizer las incluye en la pantalla de creaci\u00f3n del gr\u00e1fico. Tienes ajustes para todo tipo de aspectos, como la posici\u00f3n del t\u00edtulo, las etiquetas de los ejes, las l\u00edneas de la cuadr\u00edcula, el tama\u00f1o y la colocaci\u00f3n del gr\u00e1fico, y mucho m\u00e1s:<\/p>\n El \u00faltimo paso es incrustar tu gr\u00e1fico en tu sitio web. Muchos plugins utilizan shortcodes para ello, lo que significa que basta con copiar y pegar en la entrada o p\u00e1gina deseada:<\/p>\n Visualizer tambi\u00e9n proporciona un Bloque para esto, que es pr\u00e1ctico y acorde con el dise\u00f1o moderno de WordPress.<\/p>\n Es importante que tengas en cuenta algunos aspectos a la hora de presentar tus tablas y gr\u00e1ficos. En pocas palabras, tr\u00e1talos como el contenido importante e impactante que son, y procura limitar el n\u00famero de widgets que muestras. Sin embargo, para profundizar m\u00e1s, ten en cuenta lo siguiente:<\/p>\n En cuanto al rendimiento, es algo que hay que tener en cuenta. Hay muchas facetas que pueden afectar a la velocidad de tu sitio, lo que tiene sentido, dada la carga de tus gr\u00e1ficos adicionales. Nuestro consejo es que utilices SVG<\/a> siempre que sea posible. Tienen m\u00e1s rendimiento que las im\u00e1genes de trama para gr\u00e1ficos e iconos sencillos, con mejor escalabilidad.<\/p>\n Lazy loading<\/a> y el almacenamiento en cach\u00e9<\/a> tambi\u00e9n pueden ayudar en este caso, ya que ambos restringen la carga de tus gr\u00e1ficos de diferentes maneras. Si decides extraer datos de fuentes externas, aseg\u00farate de elegir conexiones eficientes para minimizar el n\u00famero de peticiones HTTP<\/a> que sirves. Lo mejor y m\u00e1s \u00f3ptimo es alojar esos datos en el servidor de tu sitio, aunque la decisi\u00f3n puede no estar bajo tu control.<\/p>\n Los widgets gr\u00e1ficos para WordPress te permiten visualizar los datos de texto t\u00edpicos de tu sitio. Este m\u00e9todo de presentaci\u00f3n y visualizaci\u00f3n de datos puede transformar informaci\u00f3n compleja en un formato m\u00e1s digerible. Puedes mostrar estos datos mediante tablas, gr\u00e1ficos, mapas interactivos y mucho m\u00e1s.<\/p>\n El plugin adecuado para el trabajo es crucial, y en este post abordamos muchos de ellos. Visualizer es una gran opci\u00f3n, al igual que Graphina. Sin embargo, la herramienta correcta para el trabajo depende de tus propias necesidades. Sin duda, puede tener un impacto enorme y positivo en tu sitio y en su participaci\u00f3n.<\/p>\n \u00bfSon los widgets gr\u00e1ficos para WordPress lo suficientemente importantes como para que los implementes? Nos encantar\u00eda conocer tu opini\u00f3n en la secci\u00f3n de comentarios<\/p>\n","protected":false},"excerpt":{"rendered":" En muchas situaciones, presentar los datos en un formato atractivo y f\u00e1cil de digerir puede ofrecer muchas ventajas. Los widgets gr\u00e1ficos para WordPress te permiten transformar …<\/p>\n","protected":false},"author":199,"featured_media":76486,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1356,1345,1352],"class_list":["post-76485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-consejos-wordpress","topic-desarrollo-wordpress","topic-plugins-wordpress"],"yoast_head":"\n![\"Gr\u00e1fico](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/graphical-widget.png\")
\n
Por qu\u00e9 los widgets gr\u00e1ficos pueden ayudar a la presentaci\u00f3n de tus datos en tu sitio<\/h2>\n
\n
Cu\u00e1ndo utilizar widgets gr\u00e1ficos en tu sitio web de WordPress<\/h2>\n
\n
Los distintos tipos de widgets gr\u00e1ficos para WordPress<\/h2>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/bar-chart.png\")
![\"Gr\u00e1fico](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/scatter-graph.png\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordcamp-map.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-github.png\")
![\"Se](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/before-after.png\")
D\u00f3nde utilizar\u00edas los widgets gr\u00e1ficos (incluyendo ejemplos)<\/h2>\n
Aplicaciones empresariales<\/h3>\n
![\"Infograf\u00eda](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/target-bar-charts.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-bar-line-graph.png\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/elementor-motion.png\")
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/flourish-timeline.png\")
M\u00e9tricas del comercio electr\u00f3nico<\/h3>\n
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/interactive-guide.gif\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-theme-graph.png\")
Seguimiento de m\u00e9tricas en tiempo real<\/h3>\n
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/gofundme-thermometer.png\")
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-counter.gif\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/kinsta-tally-chart.png\")
Anal\u00edticas internas<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-analytics.png\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/deployment-counters.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/mykinsta-dashboard.png\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/todoist-gamification.png\")
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/gates-foundation-bar.png\")
Plugins que te ayudan a visualizar widgets gr\u00e1ficos para WordPress<\/h2>\n
1. Visualizer: Tables and Charts<\/h4>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/visualizer-header.png\")
2. Data Tables Generator by Supsystic<\/h4>\n
![\"Imagen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/data-tables-generator.png\")
3. amCharts: Charts and Maps<\/h4>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/amcharts-header.png\")
4. Graphina \u2013 Elementor Charts and Graphs<\/h4>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/graphina-header.png\")
5. wpDataTables<\/h4>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wp-data-tables.png\")
6. Ninja Charts<\/h4>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/ninja-charts.png\")
C\u00f3mo a\u00f1adir widgets gr\u00e1ficos a WordPress con el plugin Visualizer<\/h2>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/visualizer-wizard.png\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/add-new-chart.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/edit-data-chart.png\")
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/design-settings.png\")
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/chart-shortcode.png\")
Pr\u00e1cticas habituales para mostrar tus widgets gr\u00e1ficos<\/h3>\n
\n
Resumen<\/h2>\n