Voltar

Como estilizar o layout do aplicativo de venda ?

Publicado em:


Entenda neste artigo como realizar a estilização do aplicativo de venda.

Passo 01) Acesse o painel administrativo da BW Commerce e selecione Personalizar > Aplicativo.

No campo Cabeçalho, você poderá personalizar os seguintes campos:

  • Cor de fundo do cabeçalho: Neste campo será inserido o código hexadecimal da cor. Por exemplo (#FFFFFF).
  • Modelo de cabeçalho: Você poderá escolher entre a Barra de Busca Oculta (logo centralizada) ou Barra de Busca Aberta (logo centralizada).
  • Altura da logo (em px): Neste campo será definido a altura da logo de sua loja. 
  • Cor do ícone de pesquisa: Neste campo será inserido o código hexadecimal da cor. Por exemplo (#000).

⚠️ Sugestão: Sugerimos que não ultrapasse os 30px. No campo "Altura da logo".

Passo 02) No campo Barra de Navegação, você poderá personalizar os seguintes campos: 

  • Cor de fundo da barra de navegação: Neste campo será inserido o código hexadecimal da cor. Por exemplo (#00000).
  • Cor dos ícones do aplicativo: Neste campo será inserido o código hexadecimal da cor. Por exemplo (#00000).
  • Nome da aba de categorias: Neste campo será definido o nome da aba de categorias.
  • Modelo de categorias: Você poderá escolher entre a Abertura dos Menus para baixo ou Abertura dos Menus para o lado.
  • Modelo de menu de navegação: Você poderá escolher entre Botão do carrinho maior ou Botões alinhados.
  • Cor do ícone do carrinho de compra: Neste campo será inserido o código hexadecimal da cor. Por exemplo (#00000).

Passo 03) No campo Atendimento, você poderá personalizar o seguinte campo: 

  • Modelo de Atendimento: Você poderá escolher entre Botões em bloco (destaque para whatsapp) ou Botões em formato de lista de opções.

Após realizar a estilização, clique em Salvar alterações. Pronto! Agora o layout do aplicativo de vendas está estilizado!

Este tutorial ajudou você?