En este nuevo y exclusivo tutorial de la Academia OV Divi, aprenderás a diseñar un dashboard personalizado para la página «Mi Cuenta» de WooCommerce en Divi, ¡y lo mejor de todo, sin utilizar plugins!
Anteriormente, publicamos un tutorial avanzado para personalizar la página «Mi Cuenta», el cual fue todo un éxito. Este nuevo tutorial no busca reemplazar al anterior, que sigue siendo totalmente funcional, sino ofrecerte una alternativa adicional para crear una página «Mi Cuenta» única.
¿Cuál es la diferencia entre ambos?
En el tutorial anterior, utilizamos código JavaScript y un plugin de shortcodes para implementar las opciones de navegación de WooCommerce. Sin embargo, en este nuevo tutorial, prescindiremos de plugins externos y construiremos todo utilizando únicamente CSS y funciones PHP, obviamente integrando estos fragmentos con el Builder de Divi.
Esta nueva metodología no solo facilita la personalización, sino que aprovecha al máximo las opciones nativas de WooCommerce y WordPress, elevándolas al siguiente nivel. Con este enfoque, tendrás un diseño totalmente personalizado y adaptado a tus necesidades, mientras mantienes el control total sobre cada elemento.
Características de la nueva página «Mi Cuenta»:
1. Panel de Mi Cuenta
- Implementación de avatar personalizable
- Diseño moderno del menú de navegación
- Estadísticas personalizadas de usuario
- Dashboard interactivo con acciones rápidas
2. Sistema de Autenticación
- Formularios de inicio de sesión y registro optimizados
- Recuperación de contraseña integrada
- Toggle intuitivo entre formularios
- Validaciones de formularios
3. Características Especiales
- Carga y gestión de avatares de usuario
- Precargardor al navegar entre pestañas
4. Mejoras Técnicas
- Shortcodes personalizados para crear componentes
- Integración perfecta con Divi Builder
- Optimización de rendimiento
- Código PHP y CSS modular
El tutorial ya está disponible en el área de tutoriales exclusivos. Si ya eres miembro, puedes acceder ahora mismo. Si aún no te has suscrito, ¡no esperes más! Únete desde solo 8 USD al mes y comienza a disfrutar de todo el contenido premium.
¡Te espero dentro! 😊
Hola! Esta supergenial, pero tengo una duda, este diseño sirve para el panel de administración? por ejemplo cuando le entregas una web a un cliente y que no tenga el panel lleno de opciones de WordPress sino solamente algo sencillo para consultar los pedidos que le hacen los clientes. Esto es posible? o tienes algún tutorial para ello? me gustaría unirme a tu academia.
Hola Bryan, no amigo, este tutorial está enfocado a la página de «Mi cuenta» de WooCommerce.
Si quieres un dashboard personalizado de WordPress puedes usar este otro tutorial.
O si solamente quieres modificar la pestaña «Escritorio» de WordPress utiliza este.