Crear un dashboard en WordPress con Elementor

Leer en:

En este tutorial de WordPress veremos cómo crear un panel de control o dashboard con Elementor utilizando datos dinámicos y gráficos animados.

Tabla de contenidos

Comparte este post

Share on facebook
Share on linkedin
Share on twitter
Share on email

Requisitos necesarios

Crear un dashboard en wordpress o un panel de control frontal no es una tarea imposible si utilizamos Elementor. WordPress y Elementor hacen sin duda una muy buena pareja. He probado otros editores visuales como Divi que inicialmente se creó como plantilla para WordPress o el Beaver Builder pero personalmente no creo que esten a la altura de Elementor.

Para crear un dashboard en WordPress es muy importante tener clara la estructura de nuestro panel de control o el layout. Todo el diseño se basa en trabajar con secciones y columnas además de utilizar etiquetas dinámicas para generar contenido personalizado como por ejemplo: nombres de los usuarios, fechas, fotos de perfil, etc…

Para crear un panel de control con Elementor en WordPress necesitarás

  • Elementor Pro (puedes utilizar los widgets gratis, pero si quieres crear cosas más complejas necesitarás una licencia)
  • Graphina – Una extensión para Elementor para crear gráficos animados. Si quieres utilizar datos actualizados dinámicamente necesitarás Graphina Pro.

Posibles usos de un panel de control o dashboard en WordPress

Algunos de los casos en los que un panel de control como el que vamos a crear en este tutorial serían:

  • Página de perfil de usuario
  • Páginas con estadísticas de un usuario
  • Panel de control de miembros con datos sobre sus productos o estadísticas
  • Mostrar datos estadísticos de otros plugins de manera interna a empleados, etc

Diseño que vamos a crear

Crear un dashboard en WordPress. Panel de control frontal con elementor

Para instalar este layout y usarlo en tu blog necesitas tener Elementor instalado (Gratis o Pro). Desde el panel de administración ve a Templates>Saved Templates y en la parte superior selecciona Import Template. Si lo tienes en Español, el menú es Plantillas>Plantillas Guardadas Importar plantilla.

Crea un dashboard en WordPress con Elementor

Con Elementor puedes crear prácticamente cualquier diseño que quieras y hacerlo responsivo. Para ello es necesario que conozcas bien su funcionamiento y cómo funcionan las secciones, columnas y widgets, las diferencias entre ellos y las posibilidades que ofrecen cada uno de estos elementos en cuanto a espaciados, padding (relleno),etc.

Para crear este panel de control he utilizado un diseño que encontré online como guía, ya que sin un diseño previo aunque sea muy básico, hacerlo todo sobre la marcha es bastante más costoso en cuanto a tiempo y esfuerzo incluso si trabajas rápido con Elementor.

Suscríbete a nuestro boletín

Recibe más artículos como este en tu correo electrónico

Más artículos

Incremente tus leads y ventas

Crea notificaciones gratis y popups en tu web