eLearning

Área de usuario en Divi con Ultimate Member

Jefferson Maldonado
Por Jefferson Maldonado 7 Jul 2021 4 min de lectura 18 comentarios

Si tienes un sitio de cursos, una membresía o cualquier plataforma donde los usuarios se registran, necesitas darles un espacio propio: un área donde puedan editar su perfil, ver su información y gestionar su cuenta. En este tutorial te muestro cómo crear un área de usuario en Divi con Ultimate Member, un plugin gratuito y potente que añade perfiles de usuario completos a tu sitio WordPress.

Este tutorial sirve como complemento para sitios de cursos con LearnDash o sitios de membresía con WooCommerce Memberships y Subscriptions. Ambos tipos de plataforma necesitan un área donde el alumno o miembro tenga facilidades para gestionar su cuenta, y Ultimate Member lo resuelve muy bien integrándose con Divi.

¿Qué aporta Ultimate Member a tu sitio?

Ultimate Member añade perfiles de usuario en el frontend: páginas de registro, login, perfil editable y directorio de miembros, todo personalizable. En lugar de que tus usuarios accedan al panel de administración de WordPress (que es confuso para no técnicos), tienen un área propia, con tu diseño, donde gestionan su cuenta. Es ideal para academias online y sitios de comunidad. Si estás montando una plataforma de cursos, esto se integra con todo lo del Curso de Academia Online con LearnDash y Divi 5.

Paso 1: Instala Ultimate Member

Ve a Plugins → Añadir nuevo, busca "Ultimate Member", instálalo y actívalo. Es gratuito en el repositorio oficial de WordPress (el enlace lo dejo en los recursos del tutorial). Al activarse, el plugin crea automáticamente las páginas básicas que necesita: login, registro, perfil y cuenta. Esto te ahorra crear esas páginas manualmente.

Consejo: después de activar el plugin, revisa las páginas que crea automáticamente (Login, Register, Account, Members, User). Verifica que se generaron correctamente y que tienen los shortcodes de Ultimate Member. Estas páginas son la base del área de usuario.

Paso 2: Configura los formularios de perfil y registro

Ultimate Member usa "formularios" para el registro, el login y el perfil. En la configuración del plugin puedes editar qué campos aparecen en cada uno: nombre, email, biografía, avatar, campos personalizados que necesites. Para un sitio de cursos, podrías añadir campos como intereses o nivel; para una comunidad, redes sociales o presentación. Personaliza los campos según lo que tenga sentido para tu plataforma.

🎓 ¿Quieres construir tu propia academia o comunidad online?
En uxdivi.com/cursos tenemos el Curso de Academia Online con LearnDash y Divi 5 donde montamos la plataforma completa: cursos, perfiles de usuario, membresías y comunidad. Accede como suscriptor y lanza tu academia.

Paso 3: Integra el área de usuario con Divi

Para que el área de usuario tenga el diseño de tu sitio, integra las páginas de Ultimate Member con Divi. Puedes usar el Theme Builder para envolver las páginas de perfil y cuenta con tu header, footer y estilo, o colocar los shortcodes de Ultimate Member dentro de una página construida con Divi. Así el usuario tiene una experiencia coherente con el resto del sitio, en lugar de un área que se ve desconectada del diseño.

Paso 4: Personaliza el diseño con CSS

Ultimate Member tiene su propio estilo, pero seguramente querrás ajustarlo para que combine con tu marca. Con CSS personalizado puedes cambiar los colores de los botones, la tipografía, los bordes y el espaciado de los formularios y el perfil. La idea es que el área de usuario se sienta parte de tu sitio. Si tu plataforma es de cursos, te puede interesar complementarla con un foro — lo explico en el tutorial de integrar un foro en LearnDash con bbPress — o con una comunidad completa con BuddyBoss y Divi.

Preguntas frecuentes sobre Ultimate Member en Divi

¿Ultimate Member es gratis?

El plugin base es gratuito e incluye perfiles, registro, login y cuenta. Tiene extensiones premium para funciones avanzadas (notificaciones, roles, contenido restringido), pero para un área de usuario funcional, la versión gratuita es suficiente.

¿Se integra con LearnDash y WooCommerce?

Sí. Ultimate Member funciona bien junto a LearnDash (para sitios de cursos) y WooCommerce Memberships (para membresías). Cada plugin gestiona su parte: Ultimate Member el perfil de usuario, LearnDash los cursos, WooCommerce las compras y membresías.

¿Mis usuarios podrán editar su perfil sin entrar al panel de WordPress?

Exacto, esa es la gran ventaja. Con Ultimate Member, los usuarios gestionan su perfil y cuenta desde el frontend de tu sitio, con tu diseño, sin necesidad de acceder al panel de administración de WordPress.

¿Funciona con Divi 5?

Sí, Ultimate Member funciona con cualquier tema, incluido Divi en sus distintas versiones. La integración se hace mediante shortcodes y el Theme Builder, que están disponibles en Divi 5.

Conclusión

Un área de usuario propia es esencial en cualquier sitio de cursos o membresía: da a tus usuarios un espacio donde gestionar su cuenta sin la complejidad del panel de WordPress. Ultimate Member lo resuelve de forma gratuita y potente, y al integrarlo con Divi consigues que ese área tenga el diseño y la coherencia del resto de tu sitio. Instala, configura los formularios, intégralo con Divi y personalízalo: tendrás una plataforma más profesional y fácil de usar.

🎓 ¿Quieres construir una academia o comunidad online completa?
En uxdivi.com/cursos tienes el Curso de Academia Online con LearnDash y Divi 5 donde montamos toda la plataforma: cursos, perfiles, membresías, pagos y comunidad. Accede como suscriptor y lanza tu proyecto.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

// ¿Te sirvió este tutorial?

Imagina lo que aprenderás
con los cursos completos

En UXDivi llevamos los tutoriales del blog al siguiente nivel: proyectos reales de principio a fin, recursos descargables y soporte directo conmigo. Todo por menos del costo de un curso individual en otra plataforma.

+44 cursos +1116 alumnos 4.7 en Trustpilot Garantía 7 días
Jefferson Maldonado
// Escrito por

Jefferson Maldonado

UX Director · Founder UXDivi, MUX Studio y UXDivi Templates

UX Director | fundador de UXDivi y MUX Studio

Comentarios

18 comentarios

Para dejar un comentario, accede a tu cuenta de UXDivi.

Acceder a mi cuenta
Alexander Rhenals Miembro Hace 5 años

Buenas tarde jeferson, he estado intentando ingresar a los tutoriales y al parecer hay problema para visualizar los videos.

Jefferson M. Autor Hace 5 años

Hola Alexander, ¿podrías dejar una captura de pantalla del error que te da? He entrado desde tu usuario y de mi lado se ve correctamente, te dejo captura: https://snipboard.io/o6uN25.jpg

javier mondaca rivera Miembro Hace 4 años

Profesor el plugin me da problemas en dos casos:
1) Cuando la persona termina de registrarce no se dirige a ninguna otra pagina por lo cual el cliente no sabe si se registro o no.
2) Cuando esta en la pagina de su cuenta, y presiono INICIO del menu, me crea un enlace que hace que se quede en la misma pagian de su cuenta.
Que otra alternativa me recomienda? o tendran solucion estos problemas

Jefferson M. Autor Hace 4 años

Que tal Javier, claro que si para ambas cosas hay soluciones.

1. Para la primera, debes ir a Ultimate Member > Registro de usuario > «escoger el usuario que se registra, por ejemplo, suscriptor» > editar. Luego en las opciones de edición puedes seleccionar a que página dirigir despues del registro. Puedes ver más en esta imagen: https://snipboard.io/C3qEBS.jpg Tambien puedes ver más detalles aquí: https://www.2hac.com/help/redirect-to-previous-page-after-login-when-using-ultimate-member-plugin-for-wordpress/

2. Y para lo segundo, debes verificar que el enlace del menú este llevando correctamente a la página de inicio, esto dependerá de como tengas creado el menú.

Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

javier mondaca rivera Miembro Hace 4 años

Gracias si me funciono, muchas gracias, excelente su servicio.

Daniel Mendez Miembro Hace 4 años

Hola Jefferson, no entendí bien cómo integras el nombre de usuario en el menú de navegación superior.
¿Tienes un tutorial sobre esto?

Jefferson M. Autor Hace 4 años

Que tal estimado Daniel, todo este sitio lo hicimos en el curso de Learndash y de membership; sin embargo, eso que buscas está específicamente aquí: https://uxdivi.com/clases/bonus-menu-dinamico-para-mostrar-contenido-condicional
Te recomiendo ver esos cursos completos para entender toda la estructura del sitio.

Daniel Mendez Miembro Hace 4 años

¡Muchas gracias Jefferson!,
iré directo a ver y practicar el curso que me recomiendas.

Alain P Miembro Hace 3 años

No me sirvió

Jefferson M Autor Hace 3 años

Qué tal Allen, con gusto te podemos ayudar, por favor detalla más cuál es el problema o que es lo que quieres lograr, recuerda que tienes soporte personalizado a través de la pestaña de soporte de la intranet: https://uxdivi.com/soporte-premium

Allen s Miembro Hace 3 años

Estoy impresionado por las grandes sumas de tiempo que perdí, prometen pero no cumplen, tengo la membresía pero no puedo acceder las lecciones del enlace.

Jefferson M Autor Hace 3 años

Que tal Allen, un gusto saludarte. Allen no sabemos muy bien a que te refieres con que no puedes acceder a las lecciones. Hemos verificado tu cuenta y tienes acceso a todo el contenido de forma correcta. Por favor indicanos con mayor detalle cuál es el problema para ver como te podemos ayudar.

Allen s Miembro Hace 3 años

Creo que solo me enfoque en este video, por eso en la página de mi cuenta solo me aparecen 2 opciones, como escritorio, pedido y membership. Eso se activa con LMS y luego se aplica Armember para terminar de realizar el área de usuario. Creo que fui mi error.

Jefferson M Autor Hace 3 años

Así es estimado, y recuerda siempre que tienes el soporte para poder ayudarte. Un abrazo.

Ana Almanzar Miembro Hace 3 años

Buenos días Jefferson, me podrías dejar el link para volver la clase en la parte que insertaste una sección de titulo intranet en minuto 8:27, porque no me aparece la opción, a ver que hice mal en el curso de la academia online

Jefferson M Autor Hace 3 años

Que tal Ana, un gusto saludarte 😊🖐
Debe ser esta clase: https://uxdivi.com/clases/clase-1-creacion-de-pagina-de-alumno

Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

David Loor Miembro Hace 2 años

Buenas tengo una pequeña duda, se podría hacer según el usuario que pueda ver solo determinadas propiedades, osea que cada usuario solo vea sus propiedades

Jefferson Maldonado Autor Hace 2 años

Con programación a medida si, con este sistema particuparmente no.