¿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.

Preguntas frecuentes

❯ ¿Puedo ver cómo está quedando mi área de miembros mientras la edito?

¡Sí! En Hotmart Club, puedes obtener una vista previa en tiempo real de cómo está quedando tu área de miembros y los productos alojados en ella. Para activar la vista previa, sigue estos pasos:

1. Accede a tu cuenta y haz clic en Productos > Área de miembros en el menú lateral izquierdo.
2. Selecciona el Club que deseas y haz clic en Productos.
3. Ahora, puedes ver tu área de miembros de dos maneras:
   • Vista previa de la vitrina de tu Club: Haz clic en el botón Observa cómo está quedando, ubicado en la esquina superior derecha de la pantalla, para ver la página inicial de tu área de miembros.
   • Vista previa de un producto específico: Haz clic en el botón Ver, junto a cada producto registrado, para ver cómo se mostrará dentro del Club.

Además, puedes probar la experiencia desde diferentes perspectivas, como: Productor, Miembro con acceso, Usuario sin acceso y Usuario desconectado. Si estás viendo la vista previa de un producto, también puedes seleccionar la visualización por grupos. Para elegir la perspectiva de tu vista previa, simplemente accede a la pantalla de previsualización y selecciona la opción en la esquina superior derecha de la pantalla.

❯ ¿Cuáles son las dimensiones de imagen recomendadas para personalizar mi Hotmart Club?

Para que tu área de miembros tenga un diseño personalizado y listo para vender, es importante seguir las dimensiones recomendadas para cada imagen. Consulta las medidas ideales:

• Vitrina:
  • Logo de la vitrina: 112x40 píxeles
  • Banner expandido (computadoras): 1920x800 píxeles
  • Banner expandido (smartphones): 720x960 píxeles
  • Banner expandido en GIF: máximo de 5 MB
  • Miniaturas verticales de los productos: 720x1040 píxeles
    
    
• Encabezados:
  • Encabezado del producto: 2048x1024 píxeles
  • Encabezado de la comunidad: 1368x315 píxeles
    
    

• Rutas de Conocimiento:
  • Imagen de las rutas de conocimiento: 720x1040 píxeles
    
    
• Portadas y Avatares:
  • Portadas de módulos: 1920x1080 píxeles
  • Avatar del producto: 600x600 píxeles

Siguiendo estas dimensiones recomendadas, aseguras que las imágenes se ajusten correctamente y tengan alta calidad en tu área de miembros.