Passar para o conteúdo principal

Omie.G-Click: Personalização do portal Visão do Cliente 🎨

Personalização de cores, logo, background e URL do portal Visão do Cliente em suas versões Web e Mobile.

Escrito por Sara Celis

Sobre

A Personalização do Visão do Cliente permite que o cliente adapte a aparência de seu Portal conforme a identidade visual da sua empresa, inserindo seu logotipo, cores e até mesmo criando um endereço personalizado de URL.

O Visão do Cliente é uma ferramenta da Omie.G-Click que oferece aos clientes uma forma ágil de visualizar tarefas de qualquer período, criar solicitações e gerenciar determinados documentos. A personalização desse ambiente proporciona uma experiência mais alinhada à marca do cliente.

Quem pode personalizar?

A personalização está disponível somente para usuários com permissão específica. Caso seu usuário não possua acesso, entre em contato com o administrador de sua base para a liberação ser feita por ele através desse caminho:

Cadastros > Usuários > Permissões de Acesso e marcando a opção "Personalizar o
Visão do Cliente".

Como personalizar o novo Visão do Cliente?

Para iniciar a personalização vá:

  1. No menu lateral esquerdo, clique em Configurações > Personalização do Visão do Cliente.
    Reforçamos que essa opção será exibida somente para usuários com a permissão habilitada.

Passo 1: Endereço de acesso e Subdomínio

Na primeira etapa do processo de personalização, chamada Subdomínio, será possível definir a URL (link de acesso) ao portal Visão do Cliente personalizado de sua empresa.

Exemplo de subdomínio: https://vc.gclick.com.br/vocepode

É importante destacar que somente a parte final do link poderá ser personalizada (neste exemplo, “vocepode”), enquanto o início (https://vc.gclick.com.br) é fixo.

Conforme os dados são inseridos, você poderá visualizar uma prévia do resultado na imagem ilustrativa localizada no lado direito da tela.

  • Atualização ou alteração do Subdomínio

Importante: a alteração modifica o endereço de acesso ao seu portal.

Ao atualizar o subdomínio, o link anterior deixará de funcionar imediatamente, e o novo endereço deverá ser utilizado por todos os usuários.

Portanto, certifique-se de comunicar a mudança à sua equipe e clientes para evitar problemas de acesso.

👉 Se você já compartilhou o endereço anterior com clientes ou parceiros, não se esqueça de avisá-los sobre a nova URL. Você pode fazer isso com a ajuda do Notícias, enviando uma notificação por email aos seus clientes e também publicando notícias no próprio Visão do Cliente, avisando com antecedência da mudança.

  • Verificação de disponibilidade do subdomínio escolhido

Após o preenchimento, o sistema realizará uma verificação automática para confirmar se o Nome e o Subdomínio estão disponíveis ou já estão sendo utilizados por outra empresa que utiliza o Omie.G-Click.

Com as informações preenchidas e validadas, clique no botão Próximo para avançar para a segunda etapa da personalização.

Passo 2: Nome e Ícone

  • Nome

O campo Nome do aplicativo define como o seu portal web será nomeado, exibido publicamente na aba do navegador e encontrado pelos usuários.

Recomenda-se utilizar o nome da sua empresa, o que é uma prática comum e facilita o reconhecimento da marca.

Aqui como exemplo estamos usando “Você Pode”.

  • Ícone

Nesta aba, você poderá configurar o ícone que identifica o seu portal na versão Web.

Esse ícone será exibido em locais como:

  • A barra superior do navegador (favicon), ao acessar o portal;

  • A aba do navegador, ao lado do título da página;

  • Os favoritos ou atalhos criados no navegador.

Para garantir uma exibição adequada, o ícone deve estar no formato PNG e ter dimensões de 512 x 512 pixels.

A imagem de pré-visualização disponível na tela ajuda a entender como o ícone será exibido nesses contextos.

Passo 3: Cores

Na aba Cores, você poderá definir a tonalidade que melhor representa a identidade visual da sua empresa.

A seleção é feita de forma simples: basta arrastar o seletor de cor até encontrar o tom desejado. O sistema exibirá automaticamente o código hexadecimal correspondente à cor escolhida.

Exemplo: #CC2929 representa um tom de vermelho.

Após definir a cor, clique no botão Seguir para avançar para a próxima etapa ou em Voltar caso queira revisar a etapa anterior.


Passo 4: Imagens Web

Nesta aba, você poderá personalizar visualmente o seu portal adicionando a logo da sua empresa e uma imagem de fundo (background) que esteja alinhada à identidade da sua marca.

É essencial que os arquivos sigam os formatos e dimensões recomendadas para garantir uma exibição adequada.

  • Logo do Portal Web

A logo será exibida em áreas de destaque do portal, representando visualmente a sua empresa. Utilize o botão “upload” da tela para carregar a imagem corretamente.

  1. Formato: PNG

  2. Tamanho recomendado: 300 x 100 pixels

  3. Tamanho máximo do arquivo: 2 MB

  • Imagem de Fundo Web (Background)

Essa imagem será aplicada como plano de fundo do portal web, contribuindo para uma identidade visual mais personalizada.

  1. Formato: PNG

  2. Tamanho recomendado: 1344 x 1080 pixels

  3. Tamanho máximo do arquivo: 2 MB

É possível testar, como funcionará o alinhamento desses dois elementos na ilustração interativa do lado direito da tela.

Se necessário, você pode ajustar as dimensões e o formato das imagens utilizando ferramentas gratuitas, como exemplo, o Canva.

Após o carregamento das imagens mencionadas, você poderá visualizar a composição da sua marca e o background na pré-visualização da tela. Isso permitirá verificar se a combinação está adequada para a identidade visual do seu portal.

Se tudo estiver correto, clique no botão Próximo para avançar para a próxima aba.

Passo 5: Imagens Mobile

Nesta etapa, você poderá configurar as imagens que irão personalizar a aparência do seu portal mobile. Essas imagens são essenciais para garantir que o portal seja visualmente atrativo e reflita a identidade da sua marca em dispositivos mobile.

  • Logo

A logo do seu portal mobile será exibida em diversas áreas do portal e deve ser carregada com as seguintes especificações:

  1. Formato: PNG

  2. Dimensão recomendada: 300 x 100 pixels

  3. Tamanho máximo do arquivo: 2 MB

Certifique-se de que a logo tenha o formato correto para garantir uma visualização clara e sem distorções no seu portal mobile.

  • Background (Plano de Fundo)

O background ou imagem de fundo do portal mobile será o plano de fundo que acompanhará o design do seu portal na versão mobile. Para garantir que ele seja exibido corretamente, utilize as especificações abaixo:

  1. Formato: PNG

  2. Dimensão recomendada: 700 x 1600 pixels

  3. Tamanho máximo do arquivo: 2 MB

  • Ícone

O ícone é a imagem que representará o seu portal mobile na tela inicial do celular dos usuários. Ele deve ser carregado com as seguintes especificações para garantir que seja exibido adequadamente em dispositivos mobile:

  1. Formato: PNG

  2. Dimensão recomendada: 512 x 512 pixels

  3. Tamanho máximo do arquivo: 2 MB

É possível testar, como funcionará o alinhamento desses três elementos na ilustração interativa do lado direito da tela.

Se necessário, você pode ajustar as dimensões e o formato das imagens utilizando ferramentas gratuitas, como exemplo, o Canva.

Após fazer o carregamento das imagens, você pode conferir no demonstrativo se está pertinente para o usuário. Caso precise mudar e refazer, basta ir ao botão Voltar.

Ao clicar no botão Salvar Personalização, você estará confirmando e aplicando todas as configurações realizadas durante o processo.

Agora é só usar!

Respondeu à sua pergunta?