Pular para o conteúdo

Aparencia e tema do evento

Cada evento pode ter uma identidade visual propria. Você configura cores, logo e imagem de fundo, e isso e aplicado automaticamente nas páginas publicas do evento (pagina de engajamento e pesquisa).


Onde a aparencia e usada?

A aparencia que você configura aparece em:

  • Pagina de engajamento: Onde os leads acessam conteúdos pre-lançamento, assistem aulas e fazem quizzes
  • Pagina de pesquisa: Onde os leads respondem a pesquisa de qualificação
  • Login da página publica: Tela onde o lead informa o telefone para acessar o conteudo

O endereço da página publica segue o formato:

tracking_id.vaipara.link/conteudo

Por exemplo, se o tracking_id do evento e metodo-xyz-jan25, a página fica em:

metodo-xyz-jan25.vaipara.link/conteudo

Como acessar a configuração

  1. Abra o evento
  2. Va na aba Conteúdos
  3. Clique na sub-aba Aparencia

Screenshot: [Aba Conteúdos > sub-aba Aparencia mostrando os campos de personalizacao a esquerda e preview a direita]


Campos disponíveis

Logo do evento

Imagem que aparece no topo das páginas publicas. Pode ser o logo do expert, do produto, ou um logotipo específico para o evento.

  • Formatos aceitos: PNG, JPG, SVG
  • Recomendacao: fundo transparente, formato horizontal

Screenshot: [Campo de upload do logo com preview]

Cores

Duas cores que definem a identidade visual:

  • Cor primaria: Cor principal dos botoes, links e destaques. Padrao: verde (#10b981)
  • Cor secundaria: Cor de apoio para fundos e detalhes. Padrao: verde escuro (#064e3b)

Clique no quadrado colorido para abrir o seletor de cores, ou digite o código da cor diretamente (formato hexadecimal, ex: #FF5733).

Screenshot: [Campos de cor primaria e secundaria com os seletores de cor]

Dica: Use as cores da marca do expert ou do produto. Se não tem uma marca definida, as cores padrao já funcionam bem.

Imagem de background

Imagem de fundo que aparece na tela de login e como pano de fundo das paginas. Opcional.

  • Recomendacao: imagem com boa resolucao, que funcione com texto por cima
  • Se não colocar, o sistema usa um fundo com gradiente das cores primaria e secundaria

Screenshot: [Campo de upload da imagem de background com preview]

Titulo

Texto que aparece na página de login/conteúdo. Geralmente é o nome do evento ou uma frase de chamada.

Exemplos:

  • “Metodo XYZ”
  • “Semana da Transformacao”
  • “Desafio 7 Dias de Copy”

Estilo

Define o visual geral das paginas. A opção padrao e moderno.


Preview ao vivo

Na mesma tela, do lado direito, você ve um preview de como as páginas vao ficar. Conforme você muda as cores, o logo ou o título, o preview atualiza na hora.

Você pode alternar entre dois modos de preview:

  • Login: Como fica a tela de entrada (onde o lead digita o telefone)
  • Conteudo: Como fica a página de conteudos

Screenshot: [Preview da página mostrando tabs Login e Conteudo]


Na parte de cima da tela de aparencia, você encontra o link da página publica. Clique no botao de copiar para copiar o link e poder compartilhar.

Screenshot: [Barra com o link da página publica e botao de copiar]


Salvando

Depois de configurar tudo, clique no botao Salvar. As alteracoes são aplicadas imediatamente na página publica.


Dicas

  1. Menos e mais — cores simples e logo limpo funcionam melhor que designs carregados
  2. Teste no celular — a maioria dos leads vai acessar pelo celular, entao verifique como fica
  3. O logo deve ser legivel em tamanho pequeno — evite textos muito detalhados no logo
  4. Se não tiver imagem de background, não precisa colocar — o gradiente automático já fica bonito
  5. As cores são uma referencia — elas definem a base visual, mas o sistema ajusta tons automaticamente para garantir boa legibilidade