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.
Muy bueno !!
En este caso, mencionan PHP, quiere decir que tambien se maneja con alguna BD? o todo netamente con WORDPRESS Y divi / cs . grhacias
¡Hola de nuevo, Alexander! 👋
En este tutorial nos enfocamos únicamente en personalizar la página de «Mi Cuenta» de WooCommerce. WooCommerce ya crea automáticamente sus propias tablas en la base de datos al instalarse, así que nosotros no tocamos nada de eso directamente.
Lo que hacemos aquí es mejorar la apariencia y añadir funcionalidades para que esa página nativa de WooCommerce sea mucho más útil y atractiva para tus usuarios 💪🔥
Gracias por seguir explorando los tutoriales, cualquier duda que te surja en el camino, aquí estoy para ayudarte.
Un saludo,
Óscar