Pular para o conteúdo

Aparência

Deixe a área do aluno, as telas de login e o painel com a cara da sua marca.

Nesta página

A aparência da plataforma é definida em algumas telas do grupo Personalização, em Configurações. Este artigo passa por cada uma: Área do aluno, Telas de acesso, Painel administrativo e Compartilhamento.

Dica

Mantenha a área do aluno aberta em outra aba enquanto ajusta. A cada alteração salva, atualize a página do aluno para conferir o resultado.

Área do aluno

Acesse Configurações › Área do aluno (/dashboard/settings/student-area).

Geral

  • Título das páginas: o nome da sua plataforma. Aparece na aba do navegador em todas as páginas e é também o nome do aplicativo instalado no celular.
  • Termo de aceite no primeiro acesso: botão para criar ou editar o termo que todo aluno aceita antes de entrar. Veja Termo de aceite.

Aparência

  • Cor de destaque: a cor de botões, links e detalhes da área do aluno. Escolha uma cor que contraste bem com o fundo escuro.
  • Logo: versão horizontal, sem margens transparentes. Aparece no topo, com 35 px de altura. PNG de até 600 KB.
  • Ícone de Favorito (Favicon): o ícone da aba do navegador. PNG 150x150 de até 100 KB.
  • CSS personalizado: estilos aplicados só na área do aluno. Para scripts, use o Código personalizado.

A área do aluno usa o estilo de vitrines em carrossel. Veja como organizar os conteúdos em Estilo Vitrine (carrossel).

Modelo, modo e fonte

Ainda não têm efeito: o Modelo Educacional em Modelo de navegação (veja Modelo Educacional), o Modo de exibição claro (a área do aluno fica sempre no modo escuro), o Tamanho da fonte ampliado e o campo Idioma (a interface do aluno fica em português).

Rodapé

O rodapé aparece nas páginas da área do aluno e nas telas de acesso.

  • Exibir rodapé: mostra ou esconde o rodapé inteiro.
  • Exibir mensagem "Feito com ♥" e Mensagem: completam a frase "Feito com ♥" com o seu texto, como "para você".
  • Exibir aviso legal e Aviso legal: um texto jurídico fixo, útil para conteúdos de investimentos, saúde ou apostas.
  • Exibir link de termos de uso e Exibir link da política de privacidade: links para as suas páginas, com o endereço de cada uma.
  • Abrir links em nova aba.

Clique em Salvar no fim do formulário.

Mais abaixo na mesma tela, a seção Links do menu controla os itens do menu superior da área do aluno. Clique em Adicionar link e preencha:

  • Nome: o texto do item.
  • Tipo:
    • Atalho: leva para uma página da plataforma (Início, uma vitrine, um produto, FAQ, Suporte ou Meu perfil).
    • Link externo: um endereço fora da plataforma, como o grupo de WhatsApp ou o seu site.
    • Página incorporada: exibe uma página externa dentro da área do aluno. Veja Páginas dinâmicas.
  • Abrir em: Mesma janela ou Nova aba.
  • Exibir para: Todos, Com acesso ou Sem acesso. Num atalho para um produto, "com acesso" significa quem tem acesso àquele produto; nos demais itens, quem não é aluno só de cadastro gratuito.

Use as setas para mudar a ordem, o lápis para editar e a lixeira para excluir.

Informação

A opção Ocultar do menu lateral não tem efeito, porque o estilo atual da área do aluno não tem menu lateral.

Telas de acesso

Acesse Configurações › Telas de acesso (/dashboard/settings/access-screens). Elas valem para login, cadastro e recuperação de senha.

  • Frase de destaque: aparece ao lado do formulário. Em branco, usa a frase padrão.
  • Logo: Imagem (JPG ou PNG de até 200 KB), Alinhamento e Altura em pixels.
  • Lado do formulário: em telas maiores, o formulário fica à Esquerda ou à Direita.
  • Cor de destaque: cor de botões, links e do fundo das telas. Vazio, usa a cor da área do aluno.
  • Painel visual: a Imagem do painel visual que fica ao lado do formulário (JPG 1280x1024 de até 850 KB), a Posição da imagem e a Largura do painel.
Outros modelos de tela

Por enquanto todas as telas usam o modelo Clássico (formulário com painel de imagem ao lado). Os modelos Aurora, Palco e Editorial, a opção Modo claro ou escuro e o botão Pré-visualizar ainda não funcionam.

Painel administrativo

Em Configurações › Painel administrativo (/dashboard/settings/admin-area) você personaliza o painel que a sua equipe usa:

  • Cor de destaque: botões, links e itens ativos do menu.
  • Logo do painel: versão horizontal, 35 px de altura na tela. PNG 350x100 de até 600 KB.
  • Ícone do menu recolhido: aparece quando o menu está recolhido. Sem ele, o painel usa o favicon. PNG 64x64 de até 300 KB.

O painel recarrega depois de salvar para aplicar a nova identidade.

Compartilhamento

Em Configurações › Compartilhamento (/dashboard/settings/sharing) fica a Descrição, o texto que aparece abaixo do título quando alguém compartilha o link da plataforma em redes sociais ou no WhatsApp (até 160 caracteres é o recomendado). A tela mostra uma prévia aproximada.

Título e imagem do compartilhamento

Os campos Título e Imagem desta tela ainda não são usados na prévia do link. Por enquanto, o título exibido é o Título das páginas da Área do aluno.

Dica

Depois de salvar, as redes podem levar um tempo para atualizar a prévia de um link que já foi compartilhado. A Meta oferece o Depurador de Compartilhamento para forçar a atualização no WhatsApp, Instagram e Facebook.

Nesta seção

Estilo Vitrine (carrossel)Como as vitrines aparecem na área do aluno e como distribuir seus conteúdos nelas.Modelo EducacionalUm segundo modelo de navegação para a área do aluno, com cada vitrine em uma página própria.
Esta página ajudou?

Artigos relacionados