CopyFunnelCopyFunnel — Central de AjudaAbrir o sistema
Produtos e checkouts

Área de membros (visual): capa e estilo Netflix

Personalize a home da área de membros — capa panorâmica do hero, título e descrição, e a tela de login do aluno com sua logo.

A home da área de membros segue um layout estilo Netflix: um hero de largura total com a capa do produto e uma linha de pôsteres 2:3 por módulo. Tudo isso é configurado na aba Área (visual) do editor do produto.

Onde fica

  1. Abra Produtos e clique no produto do tipo área de membros.
  2. Vá até a aba Área (visual), na seção Visual da área de membros.
  3. Ajuste e clique em Salvar visual.

Capa do hero

A capa cobre todo o fundo do hero, sob um gradiente escuro para o título ficar legível.

  1. Clique no quadrinho Capa (fundo do hero) para enviar a imagem.
  2. Use proporção 16:9 — ex.: 1920×1080 px, em JPG, PNG ou WebP, até 4 MB.
  3. Para tirar, clique em Remover capa. Sem capa, o hero usa um fundo escuro padrão.

Título e descrição do hero

  • Título do hero (até 120 caracteres): se deixar vazio, a área usa o nome do produto.
  • Descrição do hero (até 400 caracteres): uma linha curta de apoio ao título, opcional.

Abaixo do texto, o hero mostra a barra de progresso do aluno e o botão de continuar/assistir a próxima aula.

Tela de login do aluno

Esta parte personaliza a página /m/…/entrar, onde o comprador entra com e-mail e senha.

  • Logo: imagem horizontal, de preferência com fundo transparente (PNG/SVG), até 2 MB. Aparece acima do card de login. Para tirar, use Remover logo.
  • Boas-vindas: título da tela. Se vazio, usa "Acesse sua área".
  • Descrição: frase de apoio, opcional.
  • Texto do botão: rótulo do botão de entrar. Se vazio, usa "Entrar".

Quando existe capa, o fundo da tela de login usa a mesma imagem borrada, no mesmo clima do hero.

Pôsteres dos módulos

Os pôsteres 2:3 (1200×1920 px) que aparecem na linha Módulos da home não ficam nesta aba: eles são enviados no Member Builder (aba Membros), na capa de cada seção. A página de cada módulo (/m/{slug}/modulo/...) reutiliza essa capa como fundo do cabeçalho, também sob gradiente escuro, com o título do módulo e a lista de aulas.

Módulo sem capa própria mostra um número grande no lugar do pôster — nada quebra, mas vale enviar as imagens para manter a cara de vitrine.

Conferindo o resultado

Use o botão Ver área ↗ (Member Builder) ou abra /m/{slug} em outra aba para ver as mudanças no ar. Ajustes de texto podem ser refeitos a qualquer momento — basta editar e clicar em Salvar visual de novo.