Branded App: personalizar os recursos e o conteúdo do seu app

31 min de leitura
Depois de criar o tema do app da sua marca, personalize o conteúdo e os recursos do seu app. O app da sua marca é composto de telas, semelhantes às páginas do site. Escolha de quantas telas você precisa e o que cada uma exibe.
Adicione elementos às suas telas com base no seu negócio, como uma página de produto do Wix Stores, uma lista de eventos ou uma agenda de aulas do Wix Bookings. Depois, personalize a tela ainda mais com botões, imagens, vídeos e mais. Você também pode personalizar ainda mais o design do seu app escolhendo cores e fontes diferentes.
Escolha se deseja personalizar o conteúdo do seu app no painel de controle do seu site ou ao fazer download do app Wix e personalizando no mobile. 
Neste artigo, saiba mais sobre como:

Personalizar o cabeçalho

O cabeçalho do app da sua marca fica na tela inicial e é a primeira coisa que os membros veem depois de fazer login no app. Personalize-o para o seu negócio ao adicionar seu logo, uma foto de capa e uma cor de tema para destacar seus botões e detalhes.
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do site.
  2. Clique em Editar app mobile
  3. Clique em Design à esquerda. 
  4. No Editor web, clique no cabeçalho do seu aplicativo para abrir o painel Editar cabeçalho.
Uma captura de tela do painel Editar cabeçalho no editor web do painel de controle.
  1. Personalize o design do seu cabeçalho usando as opções disponíveis:
    • Ícones: ative as alavancas relevantes para adicionar mais ícones ao seu cabeçalho.
      Observação: dependendo dos apps do Wix que você instalou (por exemplo: Wix Stores, Wix Chat), você pode ver diferentes opções de personalização.
    • Digite: selecione um design de cabeçalho para sua tela inicial:
7. Clique em Salvar no canto superior direito.

Personalizar o menu de navegação

O app da sua marca é composto de telas para ajudar seus membros a navegar entre diferentes áreas do seu app. Você pode escolher se o menu de navegação aparece na parte superior ou inferior do seu app. Em seguida, personalize o design adicionando ícones de menu personalizados.
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do site.
  2. Clique em Editar app mobile
  3. Clique na barra de navegação do seu app. Ela aparece abaixo do cabeçalho ou na parte inferior do aplicativo.
Uma captura de tela do painel de navegação da barra inferior no Editor web.
  1. Escolha um layout de navegação:
    • Barra superior: os membros navegam entre as telas na parte superior do seu app diretamente abaixo do cabeçalho.
    • Barra inferior: os membros navegam entre as telas na parte inferior do seu app. Você pode adicionar ícones personalizados para cada tela se você selecionar essa opção.
      • Etiquetas: clique na alavanca para mostrar ou ocultar o nome da tela no menu de navegação. O nome aparece abaixo do ícone da tela. Recomendamos incluir o nome da tela por motivos de acessibilidade.
      • Ícones: personalize os ícones no seu menu de navegação. Cada ícone corresponde a uma tela. Passe o mouse sobre um ícone e clique em Alterar ícone para substituí-lo.
  2. Clique em Salvar no canto superior direito.

Adicionar elementos às suas telas

Elementos compõem o conteúdo do seu app. Adicione elementos para mostrar quem você é, o que você faz e o que você oferece aos membros do app. Por exemplo, se você possui um negócio de planejamento de eventos, adicione um elemento Eventos para que as pessoas possam confirmar presença diretamente do app.
Depois de adicionar elementos ao seu app, mova-os para cima ou para baixo na mesma tela ou alterne-os para uma tela totalmente diferente. Você também pode duplicar elementos, remover os que não quer mais e editar o conteúdo dentro de cada elemento.
Dica:
Saiba mais sobre adicionar elementos para negócios específicos como lojas online, restaurantes e agendamentos.
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do site.
  2. Clique em Editar app mobile
  3. Clique em Elementos à esquerda. 
  4. Navegue pelo catálogo e clique em um elemento para adicioná-lo ao seu app.
    Dica: em Itens básicos você pode adicionar elementos para personalizar e organizar seu aplicativo, como botões, imagens, separadores e vídeos.
Uma captura de tela do catálogo de elementos no Editor web com um carrossel de eventos selecionado.
  1. Clique no elemento na visualização do app para personalizar suas configurações de exibição e conteúdo.
Observação:
Nem todos os elementos podem ser personalizados no editor web e pode ser que precisem ser atualizados no app Wix.
Uma captura de tela de um elemento com as opções reordenar, duplicar e excluir selecionadas.
  1. (Opcional) Gerencie o elemento ainda mais usando as opções disponíveis:
    Observação: diferentes opções podem aparecer dependendo do elemento que você adicionou.
7. Clique em Salvar no canto superior direito.

Gerenciar suas telas

Atualize as telas do seu app, incluindo quantas telas você deseja mostrar na barra de navegação, a ordem das telas e os nomes das telas. Você também pode criar telas que são ocultadas no menu principal do seu app.
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do site.
  2. Clique em Editar app mobile
  3. Clique em Telas à esquerda do Editor web.
  4. Escolha o que você quer fazer:
Uma captura de tela do menu Mais ações ao lado de uma tela no painel de navegação.

Personalizar o design do seu app

Personalize as cores e fontes do seu app para que ele combine com a sua marca. Selecione um tema de app ou escolha cores e fontes para mostrar o design exclusivo da sua marca.
Painel de controle
App Wix
App do Wix Studio
  1. Vá para App mobile no painel de controle do site.
  2. Clique em Editar app mobile
  3. Clique em Design à esquerda. 
  4. Escolha o que você deseja personalizar:
    • Cor do tema: personalize as cores do seu app selecionando um tema de cor ou escolha individualmente a cor primária, o background do aplicativo e os ícones de texto.
    • Tema do texto: personalize sua fonte selecionando um tema de texto ou ajuste as fontes para os cabeçalhos e corpo individualmente.
      Dica: clique em Alterar tema do app para escolher uma combinação predefinida de cores e fontes.
    • Estilo do cabeçalho: personalize a cor do seu cabeçalho para combinar com sua cor primária ou cor de background.
  5. Clique em Salvar.

Perguntas frequentes

Clique nas perguntas abaixo para saber mais sobre como personalizar os recursos do app da sua marca. 

Vídeo tutorial

Esse artigo foi útil?

|