Como personalizar o meu Hotmart Club?

Ao clicar em Editar tema, você poderá escolher as cores, o tema e os cabeçalhos que irão definir a identidade visual do seu Hotmart Club. Essas definições são essenciais para fortalecer a sua presença visual e garantir que os alunos associem seu conteúdo à sua marca logo de início.

Na aba Cor e tema padrão, você poderá configurar as cores do seu Hotmart Club. Para configurá-las, siga as instruções abaixo:

1. Defina a Cor padrão selecionando uma cor sugerida ou inserindo o código de uma cor específica que melhor representa sua marca.
2. Em Tema padrão, opte entre o modo claro ou escuro, e defina se permite que os alunos escolham a versão que preferirem.
3. Após finalizar as configurações, clique em Publicar para salvar as alterações.

Na aba Sua marca, você poderá personalizar a parte superior da sua área de membros com o logotipo e a identidade visual da sua marca. Para configurar o cabeçalho, siga os passos abaixo:

1. Envie uma Imagem de cabeçalho que represente a sua marca: escolha uma imagem ideal para cada tema (claro ou escuro). É recomendável que seja uma imagem no formato PNG com fundo transparente e tenha uma medida máxima de 180x48 pixels.
   • Lembre-se que, se você permitiu a troca de tema na aba Cor e tema padrão, os alunos poderão ajustar o tema de exibição conforme sua preferência. Por isso, é interessante escolher imagens que contrastem com cada tema. 
2. Adicione um Texto alternativo à imagem para garantir que ela seja acessível a pessoas com deficiência visual.
3. Após finalizar as configurações, clique em Publicar para salvar as alterações.

Na seção da Vitrine, ao clicar em Personalizar, você poderá definir um banner dinâmico que aparece na página inicial da sua área de membros, além de poder organizar seus conteúdos em categorias ou módulos.

Na aba Banner, você define imagens que aparecerão na tela inicial do seu Club, ideal para destacar anúncios, ofertas ou mensagens importantes. Para defini-las, siga os passos abaixo:

1. Selecione até três imagens ou vídeos para compor o carrossel de imagens. Use as seguintes dimensões recomendadas para garantir uma visualização adequada:
   • Banner para computadores: 1920x800 pixels.
   • Banner para smartphones: 720x960 pixels.
   • GIFs podem ter no máximo 5 MB.
2. Defina um Texto alternativo para cada imagem do banner, para garantir a acessibilidade do seu conteúdo.
3. Se desejar, adicione um Texto no banner para destacar uma mensagem específica, ou inclua um Botão para redirecionar seus alunos a uma página externa.
4. Caso prefira, habilite um Link externo no banner, para permitir que os alunos sejam redirecionados para fora da área de membros em um clique. 

Na aba Seções, você organiza seus conteúdos em seções, trilhas ou módulos para facilitar a navegação dos seus alunos. Para isso, siga os passos abaixo:

1. Ao clicar em Seções, você encontrará algumas seções pré-definidas para o seu Club, como “Continue assistindo”, “Minhas compras” e “Produtos à venda”. Se optar por ocultar ou editá-las, basta clicar no nome da seção e fazer as alterações necessárias.
2. Caso opte por criar mais seções, clique em + Criar seção e selecione Produtos, Trilhas ou Módulos.
   • Se você optou por criar uma seção de Produtos:
     • Crie um título para a seção, como “Destaques” ou “Novos cursos”, que descreva bem o conteúdo apresentado.
     • Escolha o formato de capa (horizontal ou vertical) para os produtos ou módulos que deseja destacar.
     • Selecione os produtos que estarão disponíveis na seção. Apenas produtos com vendas ativas serão exibidos.
   • Se você optou por criar uma seção de Trilhas ou Módulos:
     • Crie um título para a seção que descreva bem o conteúdo apresentado.
     • Selecione os produtos ou módulos que estarão vinculados na seção. Apenas produtos com vendas ativas serão exibidos.
3. Organize a ordem das seções conforme necessário, clicando no ícone de dois traços localizado à esquerda do nome da seção, e posicionando-as na sequência desejada.
4. Após finalizar as configurações, clique em Publicar para salvar as alterações.

Lembre-se que cada área de membros pode conter até 12 seções, e cada seção pode incluir até 12 produtos ou módulos.

Na seção da Tela de acesso, ao clicar em Personalizar, você poderá definir a imagem de fundo da tela de login dos seus alunos. Personalizá-la é uma forma de oferecer um toque profissional e consistente desde o acesso inicial. Para personalizá-la, siga os passos abaixo:

1. Na aba Tela de acesso, clique em Enviar mídia para adicionar uma imagem de fundo.
   • Utilize uma imagem nas dimensões recomendadas: 2912x2160 pixels, nos formatos JPEG ou PNG, com tamanho máximo de 8 MB.
2. Se precisar ajustar a identidade visual da marca, vá para a seção Editar tema > Sua marca e faça as mudanças necessárias.
3. Após completar todas as configurações, clique em Publicar para que as mudanças sejam aplicadas.

Na lista de produtos que fazem parte da sua área de membros, ao clicar em Personalizar, localizado à direita do nome de seus produtos, você será direcionado à tela de personalização daquele produto.

Na nova tela, você poderá definir a Exibição dos módulos como lista ou galeria. Além de poder definir o Banner, Avatar e Imagem principal do produto, acompanhados de um texto alternativo para garantir a acessibilidade do seu conteúdo. Por último, poderá definir as imagens de capa para sua vitrine e a orientação, que pode ser vertical ou horizontal.