Pular para o conteúdo

Passo 1 - A Personalização

Dê a cara da sua marca à plataforma: nome, cores, logo, tela de login, aplicativo e e-mails.

Nesta página

O primeiro passo é deixar a plataforma com a identidade da sua marca. Tudo o que está neste artigo fica em Configurações › Personalização.

Acompanhe as mudanças ao vivo

Abra o menu do seu perfil (canto superior direito do painel) e clique em Acessar como aluno. A área do aluno abre em uma nova aba. A cada alteração salva no painel, atualize essa aba para ver o resultado.

Área do aluno

Em Configurações › Área do aluno você define a identidade visual que os alunos veem.

Geral

  • Título das páginas: o nome da sua plataforma. Aparece na aba do navegador em todas as páginas e é usado também como nome do aplicativo e nas prévias de link.
  • Termo de aceite no primeiro acesso: se você precisa que o aluno concorde com um termo antes de entrar, clique em Adicionar termo. Cada nova versão do termo pede um novo aceite.

Aparência

  • Cor de destaque: a cor da sua marca na área do aluno (botões, links, barras de progresso, destaques). A área do aluno usa fundo escuro, então escolha uma cor que tenha bom contraste com preto.
  • Logo: exibido no topo da área do aluno, no canto superior esquerdo. Use uma versão horizontal, em PNG, sem margens transparentes em volta do desenho. Ele é exibido com 35px de altura; arquivo de até 600kb.
  • Ícone de Favorito (Favicon): o ícone pequeno que aparece na aba do navegador, antes do nome da página. Use um PNG quadrado de 150x150px, de fundo transparente, só com o símbolo da marca centralizado, até 100kb.
  • CSS personalizado: para quem tem conhecimento técnico e quer ajustes finos de visual. É aplicado só na área do aluno.
Informação

Procurando inspiração? Veja as referências de design para a sua nova plataforma.

Em breve

O Modelo Educacional (vitrines no menu lateral, em grade), o modo claro e o tamanho da fonte ampliado da área do aluno aparecem na tela, mas ainda não mudam nada. Hoje a área do aluno usa sempre o modelo com vitrines em carrossel e fundo escuro.

Rodapé

Ligue Exibir rodapé para mostrar um rodapé nas páginas da área do aluno e nas telas de acesso. Nele você pode incluir:

  • a mensagem "Feito com ♥" seguida de um texto seu;
  • um aviso legal fixo (útil para conteúdos de investimento, saúde ou apostas);
  • links para os termos de uso e para a política de privacidade.

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

  • Atalho: leva para uma tela da própria plataforma (início, uma vitrine, um produto, FAQ, Suporte ou Meu perfil).
  • Link externo: leva para um endereço fora da plataforma, como o seu site, um grupo de WhatsApp ou Telegram, ou uma rede social.
  • Página incorporada: abre uma página externa dentro da plataforma.

Você também escolhe se o link abre na mesma janela ou em nova aba e para quem ele aparece: Todos, só alunos Com acesso ou só alunos Sem acesso. Use as setas para mudar a ordem.

Telas de acesso

Em Configurações › Telas de acesso você personaliza as telas de login, cadastro e recuperação de senha, que são o primeiro contato do aluno com a sua plataforma.

  • Frase de destaque: texto que aparece ao lado do formulário. Em branco, a tela usa uma frase padrão.
  • Logo: a imagem que fica no topo do formulário (JPG ou PNG até 200kb), com o Alinhamento (esquerda, centro ou direita) e a Altura em pixels.
  • Lado do formulário: em telas maiores, se o formulário fica à esquerda ou à direita.
  • Cor de destaque: a cor dos botões e links das telas de acesso. Se ficar vazia, a tela usa a cor de destaque da área do aluno.
  • Painel visual: a imagem que fica ao lado do formulário no computador (JPG de 1280x1024, até 850kb). Aproveite para usar uma imagem institucional bonita. Ajuste também a Posição da imagem e a Largura do painel.
Em breve

Os modelos Aurora, Palco e Editorial, a opção Modo claro ou escuro e o botão Pré-visualizar desta tela ainda não têm efeito. Hoje todas as telas de acesso usam o modelo Clássico (imagem ao lado do formulário).

Aplicativo

Sua plataforma pode ser instalada no celular do aluno como um aplicativo (PWA), com ícone na tela inicial. Para ativar, vá em Configurações › Aplicativo e envie o Ícone.

Atenção

Sem ícone, o aplicativo não fica disponível para instalação. A tela mostra Aplicativo configurado quando estiver tudo certo.

Para o ícone, use um PNG quadrado de 1024x1024px, com fundo (não transparente) e o símbolo centralizado, deixando um respiro de uns 300px de cada lado. Isso garante uma boa aparência em todos os sistemas.

Informação

O nome que aparece embaixo do ícone no celular é o Título das páginas da área do aluno.

Em breve

Os campos ID do aplicativo, Descrição, Categoria, Cor de fundo, Cor do tema e Vínculo Android ainda não são usados pelo aplicativo.

Compartilhamento

Quando alguém compartilha o link da sua plataforma no WhatsApp, Facebook ou LinkedIn, aparece uma prévia com título, descrição e imagem. Em Configurações › Compartilhamento você define:

  • Descrição: texto abaixo do título (recomendado até 160 caracteres);
  • Imagem: JPG ou PNG de 1200 × 630 px, até 600 KB.

A tela mostra uma prévia aproximada. Depois de salvar, as redes sociais podem levar algum tempo para atualizar a prévia de links já compartilhados.

Informação

Por enquanto, o título da prévia é sempre o Título das páginas da área do aluno. O campo Título desta tela ainda não é usado.

E-mails

Para terminar a personalização, vá em Configurações › E-mails. É daqui que saem as mensagens de boas-vindas e de acesso para os seus alunos.

Aparência dos e-mails

Clique em Aparência dos e-mails para definir o que vale para todas as mensagens:

  • Cores: comece por Tema claro ou Tema escuro e ajuste as cores de fundo, corpo, texto, rodapé e links/botões.
  • Logo: endereço da imagem. Em branco, os e-mails usam o logo da plataforma.
  • Remetente: Nome do remetente, E-mail de resposta (para onde vão as respostas dos alunos, normalmente o e-mail do seu suporte) e uma Assinatura.
  • Servidor de envio: os dados do SMTP da sua conta de e-mail transacional (Amazon SES, Brevo, Postmark, Gmail etc.).
Sem servidor de envio, nenhum e-mail sai

Se a tela de E-mails mostrar Envio desligado, os e-mails ficam registrados como falha e o aluno não recebe nada. Preencha o servidor de envio e use Salvar e enviar teste para mim para confirmar que está funcionando. O E-mail de envio (From) precisa estar autorizado no seu provedor de e-mail (SPF/DKIM).

Modelos de e-mail

Cada fluxo tem o seu modelo, que você pode ativar, desativar e personalizar clicando em Personalizar:

  • Boas-vindas de compra: enviado quando o pagamento de uma compra é aprovado e o acesso é liberado.
  • Boas-vindas de importação: enviado para cada aluno cadastrado por importação de planilha.
  • Boas-vindas de acesso gratuito: enviado quando alguém se cadastra para acessar um conteúdo gratuito.
  • Aviso de novo acesso: enviado quando um novo acesso é adicionado a quem já tem cadastro.

Em Outros e-mails do sistema ficam também a Redefinição de senha e o Convite de administrador.

Em cada modelo você edita o Assunto e o Texto, usando as variáveis indicadas na tela (como o nome do aluno e o nome do produto). Use Pré-visualizar para ver como fica e Enviar teste para mim para receber uma cópia. Restaurar padrão desfaz as suas alterações.

No fim da tela de E-mails, Últimos envios mostra o que foi enviado, o que está na fila e o que falhou.

Próximo passo

Pronto, a plataforma já tem a cara da sua marca. Agora é hora de organizar os conteúdos: siga para o Passo 2 - A Estrutura.

Esta página ajudou?

Artigos relacionados