Como configurar Seções na Área de Membros

Sumário

1. O que são as Seções da Vitrine?
2. Por que usar Seções na sua Vitrine?
3. Tipos de seção disponíveis
4. Como acessar e criar uma nova seção
5. Como reordenar as seções
6. Criando Widgets personalizados
7. Boas práticas de uso e configuração
8. Perguntas frequentes

1. O que são as Seções da Vitrine?

As Seções da Vitrine são blocos de conteúdo que compõem a página inicial da sua Área de Membros. Cada seção representa um agrupamento de conteúdo com um tipo e layout próprio, como um carrossel de cursos, uma lista de capítulos, um bloco de checkout ou até um widget HTML totalmente personalizado.

Com as Seções, você deixa de ter uma vitrine engessada e passa a montar uma experiência sob medida para o seu cliente: decidindo o que aparece, em qual ordem e com qual destaque visual.

2. Por que usar Seções na sua Vitrine?

Uma vitrine bem estruturada impacta diretamente na experiência do aluno e nos resultados do seu negócio:

• Navegação mais fluida: o aluno encontra o que precisa logo na página inicial, sem precisar procurar.
• Destaque estratégico: você controla o que aparece primeiro, seja um lançamento, uma oferta ou um conteúdo prioritário.
• Identidade visual: a vitrine passa a refletir a personalidade da sua marca.
• Mais engajamento: seções bem planejadas incentivam o aluno a consumir mais conteúdo e interagir com a plataforma.
• Flexibilidade comercial: inclua checkouts, banners promocionais e integrações externas diretamente na vitrine.

3. Tipos de seção disponíveis

Ao criar uma nova seção, você escolhe o Tipo de seção de conteúdo. Cada tipo determina o layout e os campos disponíveis para configuração. Atualmente, os tipos disponíveis são:

Tipo	O que faz
Cabeçalho	Seção fixa no topo da vitrine com título, descrição e mídia de destaque. Não pode ser removida nem reordenada.
Continuar assistindo	Exibe automaticamente os conteúdos que o aluno começou mas ainda não terminou. Seção automática, sem necessidade de configuração manual.
Carrossel de checkouts	Cards exibem automaticamente os checkouts habilitados para a vitrine que o cliente ainda não comprou. Ótima para ofertas de upsell.
Meus acessos	Reúne todos os conteúdos adquiridos pelo usuário.
Carrossel de conteúdo	Cards exibem cursos, capítulos ou aulas selecionados manualmente. É o tipo mais flexível para destacar conteúdos específicos.
HTML personalizado	Bloco com HTML personalizado. Permite inserir qualquer conteúdo via código.
Boas-vindas	Exibe uma mensagem de boas-vindas personalizada ao usuário.
Linha	Exibe seções lado a lado, criando layouts em colunas.

4. Como acessar e criar uma nova seção

1. Acesse o painel administrativo em admin.online.engaged.com.br
2. No menu lateral esquerdo, clique em Vitrine
3. Você verá a tela Seções da vitrine, com todas as seções já criadas listadas na ordem em que aparecem para o aluno
4. Agora para criar uma nova, clique em + Adicionar seção no canto superior direito
5. Um painel lateral será aberto com o formulário Criar seção
6. No campo Tipo de seção de conteúdo, selecione o tipo desejado no menu suspenso, conforme explicado no item 3. acima.
7. Preencha as informações complementares conforme o tipo escolhido. Exemplo:

Para o tipo Carrossel de conteúdo

• Título (obrigatório): será exibido ao aluno acima do carrossel, identificando o agrupamento de conteúdo. Escolha títulos claros como "Meus Cursos", "Novidades" ou "Continue de onde parou".
• Descrição (opcional): texto complementar exibido abaixo do título.
• Tipo de conteúdo: escolha entre Cursos ou Capítulos.
  • Se selecionar Cursos: clique em + Adicionar curso para selecionar os cursos que aparecerão no carrossel.
  • Se selecionar Capítulos: selecione o curso e depois escolha os capítulos específicos que serão exibidos como banners individuais. (Neste caso, é necessário ter imagens por capítulo já cadastrada no seu curso)

Para o tipo HTML personalizado

• Insira o código HTML do seu widget no editor disponível.
• Você também pode criar widgets de forma prática e visual com nosso criar de Widgets!

       8. Clique em Criar seção para salvar a nova seção

       9. Após criar todas as seções desejadas, clique em Salvar vitrine para aplicar as alterações;

5. Como reordenar as seções

A ordem das seções na lista é a mesma ordem em que aparecem para o aluno na vitrine. Para reorganizá-las:

1. Passe o mouse sobre a seção que deseja mover. Um ícone de arraste (≡) aparecerá à esquerda.
2. Clique e arraste a seção para a posição desejada.
3. Repita o processo para todas as seções que precisar ajustar.
4. Clique em Salvar vitrine para confirmar a nova ordem.

⚠️ O Cabeçalho é uma seção fixa e não pode ser reordenado. Ele sempre permanece no topo da vitrine.

6. Criando Widgets personalizados

O tipo HTML personalizado permite inserir qualquer conteúdo na vitrine usando código HTML. Para facilitar esse processo, a EngagED oferece a ferramenta widgets.engaged.com.br, onde você cria widgets de forma visual e obtém o código pronto para colar na seção.

O que você pode criar com Widgets HTML

• Botões de acesso à comunidade (WhatsApp, Telegram, Discord)
• Banners promocionais com imagens e links externos
• Avisos importantes com formatação personalizada
• Convites para lives com data e horário
• Integrações com ferramentas externas (chatbots, formulários, widgets de suporte)
• Blocos estratégicos de comunicação (depoimentos, instruções de emissão de certificado, etc)

Passo a passo

1. Acesse widgets.engaged.com.br
2. Escolha o modelo de widget desejado;
3. Personalize o conteúdo e o visual;
4. Copie o código HTML gerado;
5. No painel da EngagED, crie uma nova seção do tipo HTML personalizado;
6. Cole o código no editor e clique em Criar seção;

⚠️ Caso você for personalizar seu HTLM do zero, certifique-se de que o código HTML inserido é seguro e vem de fontes confiáveis. Evite scripts de terceiros desconhecidos que possam comprometer a experiência dos seus alunos.

7. Boas práticas de uso e configuração

Planeje a vitrine antes de configurar

Antes de criar as seções, pense na jornada do seu aluno: o que ele precisa ver assim que entra na plataforma? Quais conteúdos merecem destaque? Há algo para vender ou comunicar? Ter esse mapa mental evita retrabalho e garante uma vitrine mais estratégica.

Coloque o mais importante no topo

A primeira seção visível (logo abaixo do cabeçalho) é a que o aluno vê sem precisar rolar a página. Use esse espaço para o conteúdo mais relevante do momento: o curso principal, um lançamento recente ou um comunicado urgente.

Use títulos de seção orientados à ação ou à continuidade

Títulos como "Cursos de Botania", "Novidades desta semana" ou "Jardinagem avançada" ajudam o aluno a entender imediatamente o que encontrará em cada bloco. Evite títulos genéricos como "Conteúdos" ou "Seção 1".

Aproveite o Carrossel de Capítulos para aumentar o consumo de conteúdo

Ao exibir capítulos diretamente na vitrine como banners individuais, você reduz a fricção para o aluno continuar os estudos. Um clique leva direto ao capítulo, sem precisar entrar no curso e navegar manualmente. Isso é especialmente poderoso para cursos com módulos sequenciais. E claro, isso preenche sua área de membros com vários banners.

Use o Carrossel de Checkouts com estratégia

A seção de checkouts exibe automaticamente as ofertas que o aluno ainda não comprou. Posicione essa seção em um local estratégico da vitrine: nem no topo (para não parecer agressivo) nem no final (onde pode passar despercebido). Entre dois blocos de conteúdo costuma funcionar bem.

Não sobrecarregue a vitrine

Menos é mais. Uma vitrine com muitas seções pode confundir o aluno e diluir a atenção. Comece com 3 a 4 seções bem definidas e expanda conforme necessário. Priorize qualidade de organização, não quantidade de blocos.

Combine tipos de seção para criar ritmo visual

Uma boa vitrine alterna entre diferentes tipos: um carrossel de cursos, depois um widget de comunicação, depois um carrossel de capítulos. Essa variação cria um ritmo agradável e mantém o interesse do aluno ao longo da página.

Atualize a vitrine com frequência

A vitrine não precisa ser estática. Ajuste as seções para refletir os momentos do seu negócio: lançamentos, sazonalidades, novos conteúdos ou comunicados. Uma vitrine atualizada transmite cuidado e profissionalismo.

Teste em diferentes dispositivos

Sempre visualize sua vitrine no desktop e no celular antes de salvar alterações definitivas. Widgets HTML em especial podem ter comportamentos diferentes em telas menores. Verifique se o código é responsivo antes de publicar.

8. Perguntas frequentes

As seções são exibidas da mesma forma para todos os alunos? Sim, a estrutura das seções é global para a Área de Membros. O controle de acesso ao conteúdo continua sendo feito pelas permissões de cada curso ou produto. Se o aluno não tiver acesso a um item, a seção ficará oculta.

Posso desativar uma seção sem excluí-la? Algumas seções possuem um botão de ativar/desativar na listagem. Verifique se a seção que deseja pausar tem essa opção antes de excluí-la.

Existe um limite de seções que posso criar? Não há um limite fixo. Recomendamos manter a vitrine enxuta e objetiva para garantir uma boa experiência de navegação para o aluno.

Os Widgets HTML funcionam em dispositivos móveis? Sim, desde que o código HTML inserido seja responsivo. Recomendamos sempre testar o resultado no celular após adicionar ou editar um widget.

Preciso saber programar para usar o HTML personalizado? Não necessariamente. A ferramenta widgets.engaged.com.br foi criada justamente para que você crie widgets de forma visual e obtenha o código pronto, sem precisar escrever HTML manualmente.

As alterações na vitrine são aplicadas imediatamente? As alterações só ficam visíveis para os alunos após você clicar no botão Salvar vitrine. Enquanto não salvar, as mudanças ficam apenas no rascunho.

Tem dúvidas? Entre em contato com o nosso suporte pelo chat da plataforma ou acesse nossa central de ajuda em ajuda.engaged.com.br.