¿Cómo personalizar mi Hotmart Club?

Personalizar tu área de miembros es una excelente manera de ofrecer una experiencia única y alineada con la identidad de tu marca a quienes adquieren tus productos.

En este artículo, te explicamos paso a paso cómo configurar cada opción disponible en la sección de personalización de Hotmart Club, para que puedas crear un entorno atractivo que resalte y agregue valor a tus productos. Para comenzar, será necesario acceder al área de miembros que deseas personalizar. Para hacerlo, sigue los pasos a continuación:

1. Accede a tu cuenta en Hotmart a través del enlace https://app.hotmart.com.
2. En el menú lateral izquierdo, haz clic en Productos y luego selecciona Área de miembros.
3. Elige el área de miembros que deseas configurar y, en el menú lateral izquierdo, selecciona Personalización.
4. En la nueva pantalla, verás varias opciones: Editar tema, Vitrina, Pantalla de acceso y una lista de todos los productos registrados en esa área de miembros. 

Podrás aplicar diferentes tipos de personalización a cada una de las opciones. A continuación, te contamos qué configuraciones puedes aplicar en cada una de ellas:

❯ Editar tema: personaliza tu área de miembros con la identidad visual de tu marca

Al hacer clic en Editar tema, podrás seleccionar los colores, el tema y los encabezados que definirán la identidad visual de tu Hotmart Club. Estas configuraciones son importantes para fortalecer la presencia de tu marca y ayudar a que los usuarios la identifiquen rápidamente.

En la pestaña Color y tema estándar, puedes establecer las siguientes opciones:

1. Selecciona el Color principal una de las opciones sugeridas o introduce el código del color que mejor represente tu marca.
2. Elige el Tema estándar entre el modo claro o el oscuro y decide si quieres que los usuarios puedan cambiar el tema según sus preferencias.
3. Haz clic en Publicar para guardar los cambios.

En la pestaña Tu marca, puedes personalizar la parte superior del área de miembros con el logotipo y los elementos visuales de tu marca:

1. Sube una imagen de encabezado que represente tu marca. Se recomienda que sea un archivo PNG con fondo transparente y tenga un tamaño máximo de 180x48 píxeles.
   • Si habilitaste la opción de cambiar de tema en la pestaña Color y tema estándar, asegúrate de usar imágenes que contrasten bien con ambos modos (claro y oscuro).
2. Añade un texto alternativo a la imagen para que sea accesible a personas con discapacidad visual.
3. Haz clic en Publicar para aplicar los cambios.

❯ Vitrina: utiliza la página principal de tu área de miembros para impulsar tus productos

En la sección Vitrina, al hacer clic en Personalizar, podrás configurar un banner dinámico que se mostrará en la página principal de tu área de miembros, además de organizar tus contenidos en categorías o módulos.

En la pestaña Banner, defines imágenes que se mostrarán en la pantalla principal de tu Club, ideal para destacar anuncios, ofertas o mensajes importantes. Para configurarlas, sigue los pasos a continuación:

1. Selecciona hasta tres imágenes o videos para componer el carrusel de imágenes. Usa las siguientes dimensiones recomendadas para asegurar una visualización adecuada:
   • Banner para computadoras: 1920x800 píxeles.
   • Banner para smartphones: 720x960 píxeles.
   • Los GIFs deben tener un tamaño máximo de 5 MB.
2. Añade un Texto alternativo a cada imagen del banner para garantizar la accesibilidad del contenido.
3. Si lo deseas, agrega un Texto en el banner para destacar un mensaje específico o incluye un Botón que redirija a los alumnos a una página externa.
4. Si prefieres, habilita un Enlace externo en el banner, para que los alumnos sean redirigidos fuera del área de miembros con un clic.

En la pestaña Secciones, puedes organizar tus contenidos en secciones, rutas o módulos para facilitar la navegación de tus alumnos. Para hacerlo, sigue los pasos a continuación:

1. Al hacer clic en Secciones, encontrarás algunas secciones predefinidas en tu Club, como “Seguir viendo”, “Mis compras” y “Productos a la venta”. Si deseas ocultarlas o editarlas, solo haz clic en el nombre de la sección y realiza las modificaciones necesarias.
2. Si prefieres crear nuevas secciones, haz clic en + Crear sección y selecciona Productos, Rutas o Módulos.
   • Si creas una sección de Productos:
     • Elige un título para la sección, como “Destacados” o “Nuevos cursos”, que describa bien el contenido que se mostrará.
     • Selecciona el formato de portada (horizontal o vertical) para los productos o módulos que deseas destacar.
     • Escoge los productos que se mostrarán en la sección. Solo se mostrarán productos con ventas activas.
   • Si creas una sección de Rutas o Módulos:
     • Elige un título que describa bien el contenido que se mostrará.
     • Selecciona los productos o módulos que estarán vinculados a la sección. Solo se mostrarán productos con ventas activas.
3. Finalmente, organiza el orden de las secciones según sea necesario, haciendo clic en el ícono de dos líneas ubicado a la izquierda del nombre de la sección y arrastrándolas hasta el orden deseado.
4. Haz clic en Publicar para guardar los cambios.

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 acceso: añade una imagen de fondo para la pantalla de inicio de sesión

En la sección Pantalla de acceso, al hacer clic en Personalizar, puedes definir la imagen de fondo de la pantalla de inicio de sesión de tus alumnos. Personalizar esta pantalla es una manera de brindar una experiencia profesional desde el primer acceso. Para configurarla, sigue los pasos a continuación:

1. En la pestaña Pantalla de acceso, haz clic en Enviar archivo para subir una imagen de fondo.
   • Utiliza una imagen con las dimensiones de 2912x2160 píxeles, formato JPEG o PNG y tamaño máximo: 8 MB.
2. Si necesitas ajustar la identidad visual de la marca, ve a la sección Editar tema > Tu marca y realiza los cambios necesarios.
3. Cuando completes todas las configuraciones, haz clic en Publicar para que se apliquen los cambios.

❯ Personalización de productos: adapta la apariencia de cada producto de tu área de miembros

En la lista de productos que forman parte de tu área de miembros, al hacer clic en Personalizar, ubicado a la derecha del nombre de tus productos, serás redirigido a la pantalla de personalización de ese producto.

En la nueva pantalla, podrás definir la Exhibición de los módulos como lista o galería. Además, podrás configurar el Banner, el Avatar y la Imagen principal del producto, incluyendo un texto alternativo para garantizar la accesibilidad del contenido. Finalmente, podrás definir las imágenes de portada para la vitrina y su orientación, que puede ser vertical u horizontal.

Para previsualizar cómo está quedando tu área de miembros después de aplicar las personalizaciones, solo tienes que hacer clic en el botón con el ícono de ojo.