Em Estilo, disponível nas configurações do App White Label, é possível personalizar o app de acordo com a identidade visual exclusiva da marca. Você pode inserir a sua logomarca, banner de divulgação, incluir ícones únicos para a barra inferior (Tab Bar) e definir a cor que melhor representa a marca. 

Como ajustar as configurações do App White Label no Backoffice? Clique aqui.

Como definir o estilo do App White Label?

1. No Backoffice, acesse o caminho Delivery e Autoatendimento > App White Label > Configurações do App:

2. Na aba Estilo, clique no ícone para editar:

3. Defina a cor primária do aplicativo e marque se deseja que essa cor seja utilizada na barra inferior (Tab Bar) do aplicativo:

• • Cor primária: A escolha da cor pode ser feita por meio de uma paleta de cores ou inserindo o código hexadecimal em HEX e apertando o Enter do teclado. Dica: A cor primária será usada como destaque em todas as telas do app. Escolha uma que represente sua marca e facilite a navegação.
  • Utilizar essa cor na barra inferior (Tab Bar) do aplicativo: Marque se quiser que a cor primária seja exibida na barra inferior (Tab Bar) do aplicativo. Se não estiver marcada a cor da barra inferior será branca.
    
    

4. Agora, escolha as principais imagens e ícones do aplicativo, considerando as seguintes informações:

• • Logomarca: Escolha a logomarca que será exibida no aplicativo.
    
  • Tela de abertura (Splash Screen): Esta imagem será exibida ao iniciar o aplicativo, na tela de carregamento inicial. Dica: Recomendamos usar uma imagem com fundo transparente, pois a cor de fundo será a cor primária do aplicativo.
    
    
  • Imagem de divulgação: Essa imagem será exibida na página de busca do Google Play. Dica: A imagem deve mostrar as funcionalidades principais ou destacar os aspectos que diferenciam seu app dos concorrentes. 
    
  • Ícone do aplicativo: Envie o ícone do aplicativo. Este ícone será utilizado para que os clientes acessem o app em seus celulares.
    
  • Ícone de notificação (Android): Defina o ícone que será exibido quando o cliente receber uma notificação push do aplicativo.
    

Dica: Sempre verifique os tamanhos e os formatos dos arquivos das imagens e ícones.

5. Em Ícones da barra inferior (Tab Bar), você pode substituir os ícones e nomes padrões da barra inferior do app. Confira o que cada página faz antes de alterar:

• • Página inicial (Home): Primeira página exibida para o cliente, com o ícone de casa e o nome Início por padrão. 
  • Cupons: Exibe os cupons disponíveis para o cliente. Por padrão, o ícone é um ticket e o nome Cupons.
  • Comprar: Permite ao cliente inserir o endereço, ver as lojas disponíveis, acessar o cardápio, fazer pedidos e pagar. O ícone é de um carrinho de compra e o nome Comprar, por padrão.
  • Cashback: Exibe o histórico de uso e o plano de cashback do cliente logado. Por padrão, o ícone é um cofre de porco e o nome Comprar.

Se não for alterado, seguirá o padrão:

Dica: O tamanho máximo das imagens é de 50px x 50px, no formatos PNG Transparente.

6. Quando finalizar, clique em para salvar as alterações:

Como cadastrar um banner para exibir no App White Label? Clique aqui.

Ajude-nos a evoluir deixando seu feedback nos comentários e compartilhando sugestões para novos artigos!