Personalizar tu área de miembros es una excelente manera de ofrecer una experiencia única y alineada con la identidad de tu marca para tus alumnos. En este artículo, te explicamos paso a paso cómo configurar cada pestaña disponible en la sección de personalización del Hotmart Club, facilitando la creación de un entorno que se destaque y genere valor para tus productos.
Para comenzar, será necesario acceder al área de miembros que deseas personalizar. Para hacerlo, simplemente sigue los pasos a continuación:
- Accede a tu cuenta en Hotmart a través del enlace https://app.hotmart.com.
- En el menú lateral izquierdo, haz clic en Productos y luego selecciona Área de miembros.
- Selecciona el área de miembros que deseas configurar y haz clic en Personalización, en el menú lateral izquierdo.
- Se abrirá la pantalla de personalización y podrás ver las siguientes pestañas: General, Encabezado, Banner, Secciones, Pantalla de inicio de sesión y Aplicación.
A continuación, te explicamos qué configuraciones puedes definir en cada una de estas pestañas:
❯ General: configura los colores de tu Hotmart Club
La pestaña General es donde configuras el aspecto principal de tu área de miembros. Aquí, puedes elegir las colores y el tema que definirán la identidad visual de tu Hotmart Club. Estas elecciones son fundamentales para crear un entorno que esté alineado con la identidad de tu marca.
Para configurar los colores, sigue estos pasos:
- Define el Color destacado de tu área de miembros: selecciona un color sugerido o ingresa el código de un color específico que mejor represente tu marca.
- Elige el Tema estándar: selecciona entre el modo claro u oscuro, y define si permites que los alumnos elijan la versión que prefieran.
- Haz clic en Publicar para guardar las configuraciones.
❯ Encabezado: configura la identidad de tu marca
La pestaña Encabezado te permite personalizar la parte superior de tu área de miembros con el logotipo y la identidad visual de tu marca. Esta sección es esencial para fortalecer tu presencia visual y asegurar que los alumnos asocien tu contenido con tu marca desde el primer momento.
Para configurar el encabezado, sigue estos pasos:
- Sube una Imagen del encabezado que represente tu marca: elige una imagen ideal para cada tema (claro u oscuro).
a. Formato sugerido para la imagen: PNG con fondo transparente.
b. Dimensiones máximas sugeridas: 180x48 píxeles.
c. Recuerda que, si permitiste el cambio de tema en la pestaña General, los alumnos podrán ajustar el tema de visualización según su preferencia. Por eso, es recomendable elegir imágenes que contrasten con cada tema. - Agrega un Texto alternativo a la imagen para garantizar que sea accesible para personas con discapacidad visual.
-
Haz clic en Publicar para guardar las configuraciones.
❯ Banner: configura el aspecto visual de tu Hotmart Club
En la pestaña Banner, defines un componente visual dinámico que aparece en la página inicial de tu área de miembros, ideal para destacar anuncios, ofertas o mensajes importantes.
Para definir las imágenes del banner, sigue estos pasos:
- Selecciona hasta tres imágenes o videos para el carrusel de imágenes. Utiliza las siguientes dimensiones recomendadas para una visualización adecuada:
a. Banner para computadoras: 1920x800 píxeles.
b. Banner para smartphones: 720x960 píxeles.
c. Los GIFs pueden tener un tamaño máximo de 5 MB. - Define un Texto alternativo para cada imagen del banner para mejorar la accesibilidad de tu contenido.
- Si deseas, añade un Texto en el banner para destacar una oferta o incluye un Botón que redirija a una página externa.
- Si prefieres, habilita un Enlace externo en el banner, permitiendo que cualquier clic redireccione a los alumnos fuera del área de miembros.
-
Haz clic en Publicar para guardar las configuraciones.
❯ Secciones: organiza tus contenidos
En la pestaña Secciones, puedes organizar tus contenidos en categorías o módulos, lo que facilita la navegación de los alumnos. Organizar estos contenidos es esencial para proporcionar una experiencia de aprendizaje fluida.
Para crear secciones de productos, rutas y módulos, sigue estos pasos:
-
Haz clic en + Crear sección y selecciona Productos, Rutas o Módulos.
a. Si optaste por crear una sección de Productos:→ Crea un título para la sección, como “Destacados” o “Nuevos cursos”, que describa bien el contenido presentado.
→ Elige el formato de la portada (horizontal o vertical) para los productos o módulos que deseas destacar.
→ Selecciona los productos que estarán disponibles en la sección. Solo se mostrarán productos con ventas activas.b. Si optaste por crear una sección de Rutas o Módulos:→ Crea un título para la sección que describa bien el contenido presentado.
→ Selecciona los productos o módulos que estarán vinculados en la sección. Solo se mostrarán productos con ventas activas. - Organiza el orden de las secciones según sea necesario, arrastrándolas y posicionándolas en la secuencia deseada.
- Haz clic en Publicar para guardar las configuraciones.
Recuerda que cada área de miembros puede contener hasta 12 secciones, y cada sección puede incluir hasta 12 productos o módulos.
❯ Pantalla de inicio de sesión: muestra la identidad de tu marca desde el inicio
La pestaña Pantalla de inicio de sesión es donde defines el primer contacto que los alumnos tendrán con tu área de miembros. Al agregar una imagen de fondo y configurar tu logotipo, aseguras que la experiencia de inicio de sesión sea impactante y esté alineada con tu marca.
Para personalizar la pantalla de inicio de sesión, sigue estos pasos:
- En la pestaña Pantalla de inicio de sesión, haz clic en Enviar archivo para añadir una imagen de fondo.
- Usa una imagen con dimensiones recomendadas de 2912x2160 píxeles en formatos JPEG o PNG, con un tamaño máximo de 8 MB.
- Si necesitas ajustar la identidad visual de la marca, ve a la sección Encabezado y realiza los cambios necesarios.
- Haz clic en Publicar para que las configuraciones se apliquen.
❯ Aplicación: facilita el acceso para tus alumnos (Beta)
En la pestaña Aplicación, encuentras todas las herramientas para configurar y personalizar el Aplicativo Web de tu área de miembros. Esta función permite que tus alumnos creen un acceso directo en la pantalla inicial de su celular, computadora o tablet, para acceder al contenido con solo un toque, haciendo la navegación aún más rápida.
Para crear y habilitar tu Aplicativo Web, sigue los pasos a continuación:
- En la pestaña Aplicación, haz clic para habilitar tu aplicación personalizada.
-
Elige un nombre y sube la imagen que será el ícono de tu Aplicativo Web.
a. La imagen debe estar en formato PNG y tener dimensiones de 512x512 píxeles. - Personaliza la pantalla de carga eligiendo un color de fondo y subiendo el logo de tu empresa.
a. Esta personalización está disponible solo para dispositivos Android. -
Una vez que hayas completado todas las configuraciones, haz clic en Publicar para aplicar los cambios.
a. Las actualizaciones pueden tardar hasta 24 horas en reflejarse. Después de realizar las modificaciones, los alumnos que ya hayan descargado el aplicativo deberán volver a descargarlo para ver las actualizaciones.
Una vez publicado, tus alumnos verán un banner en la parte superior de tu área de miembros para incentivar la descarga. El banner se mostrará en:
- Computadoras utilizando Chrome;
- Teléfonos y tablets Android utilizando Chrome;
- Teléfonos Apple y iPad utilizando Chrome y Safari.
Importante: la opción de aplicación aún está en desarrollo. Si esta opción no está disponible para ti, ¡no te preocupes! Pronto más personas tendrán acceso a esta funcionalidad.