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.

Painel de controle

App Wix

App do Wix Studio

Vá para App mobile no painel de controle do site.
Clique em Editar app mobile.
Clique em Design à esquerda.
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.

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:

Detalhado

Crie seu cabeçalho com recursos como seu logo, uma foto de capa, entre outros. Você pode escolher quanto conteúdo deseja incluir.

Informações do app: adicione os detalhes do seu app, por exemplo, um nome e slogan. Você também pode ativar a alavanca Mostrar logo para adicionar um logo ao cabeçalho. Para adicionar um link de cabeçalho com mais informações sobre seu negócio, incluindo links de redes sociais, informações de contato e URL do site, ative a alavanca Mostrar informações gerais
Foto de capa: clique no ícone Adicionar para fazer upload de uma foto de capa. Você pode adicionar várias fotos para criar um slideshow. Para slideshows, selecione um tempo de transição (em segundos) entre as fotos.
Informações dos membros: escolha quais informações dos membros você deseja mostrar no cabeçalho ao ativar as alavancas disponíveis.
Botões de ação: adicione um botão de convite para permitir que os membros convidem outras pessoas para seu app personalizado. Você também pode adicionar um botão personalizado, por exemplo, um botão para direcionar os usuários para outra tela dentro do app
Observação: as ações disponíveis variam de acordo com o tipo de aplicativo no seu site.

Minimalista

Para um visual mais clássico e simples, você pode escolher um cabeçalho minimalista para mostrar uma pequena barra na parte superior do seu app.

7. Clique em Salvar no canto superior direito.

Acesse seu site no app Wix.
Toque em Gerenciar na parte inferior.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Editar design do cabeçalho.

Uma captura de tela da opção Editar design do cabeçalho dentro do personalizador do app da marca.

Escolha um design de cabeçalho para sua tela inicial:

Detalhado

Crie seu cabeçalho com recursos como seu logo, uma foto de capa, entre outros. Você pode escolher quanto conteúdo deseja incluir.

Toque em Personalizar para editar o cabeçalho.
- Informações do app: adicione os detalhes sobre o seu app, como um nome e slogan. Você também pode ativar a alavanca Mostrar logo para adicionar um logo ao cabeçalho. Para adicionar um link de cabeçalho com mais informações sobre seu negócio, incluindo links de redes sociais, informações de contato e URL do site, ative a alavanca Mostrar informações gerais
- Foto de capa: toque em Adicionar imagem para fazer upload de uma foto de capa. Você pode adicionar várias fotos para criar um slideshow. Para slideshows, selecione um tempo de transição (em segundos) entre as fotos.
- Informações dos membros: escolha quais informações dos membros você deseja mostrar no cabeçalho ao ativar as alavancas disponíveis.
- Botões de ação: adicione um botão de convite para permitir que os membros convidem outras pessoas para seu app personalizado. Você também pode adicionar um botão personalizado, por exemplo, um botão para direcionar os usuários para outra tela dentro do app
  Observação: as ações disponíveis variam de acordo com o tipo de aplicativo no seu site.
Toque em Salvar no canto superior direito.

Minimalista

Para um visual mais clássico e simples, você pode escolher um cabeçalho minimalista para mostrar uma pequena barra na parte superior do seu app.

Toque em Personalizar para editar o cabeçalho.
- Estilo: personalize a cor do cabeçalho para combinar com sua cor primária ou cor de background. Você também pode escolher quais ícones deseja exibir no cabeçalho.
- Í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.
Toque em Salvar no canto superior direito.

Acesse seu site no app do Wix Studio.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Editar design do cabeçalho.

Escolha um design de cabeçalho para sua tela inicial:

Detalhado

Crie seu cabeçalho com recursos como seu logo, uma foto de capa, entre outros. Você pode escolher quanto conteúdo deseja incluir.

Toque em Personalizar para editar o cabeçalho.
- Informações do app: adicione detalhes sobre seu app como um nome e slogan. Você também pode ativar a alavanca Mostrar logo para adicionar um logo ao cabeçalho. Ative a alavanca Mostrar informações gerais para adicionar um link de cabeçalho com mais informações sobre seu negócio, incluindo links para redes sociais, informações de contato e URL do site.
- Foto de capa: toque no ícone Adicionar para fazer upload de uma foto de capa. Você pode adicionar várias fotos para criar um slideshow. Para slideshows, selecione um tempo de transição (em segundos) entre as fotos.
- Informações dos membros: escolha quais informações dos membros você deseja mostrar no cabeçalho ao ativar as alavancas.
- Botões de ação: adicione um botão de convite para permitir que os membros convidem outras pessoas para seu app personalizado. Você também pode adicionar um botão personalizado, por exemplo, um botão para direcionar os usuários para outra tela dentro do app
  Observação: as ações disponíveis variam de acordo com o tipo de aplicativo no seu site.
Toque em Salvar no canto superior direito.

Minimalista

Para um visual mais clássico e simples, você pode escolher um cabeçalho minimalista para mostrar uma pequena barra na parte superior do seu app.

Toque em Personalizar para editar o cabeçalho.
- Estilo: personalize a cor do cabeçalho para combinar com sua cor primária ou cor de background. Você também pode escolher quais ícones deseja exibir no cabeçalho.
- Í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.
Toque em Salvar no canto superior direito.

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.

Painel de controle

App Wix

App do Wix Studio

Vá para App mobile no painel de controle do site.
Clique em Editar app mobile.
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.

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.
Clique em Salvar no canto superior direito.

Acesse seu site no app Wix.
Toque em Gerenciar na parte inferior.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Design na parte inferior.
Toque em Navegação.
Escolha um layout para o seu menu 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: toque na alavanca para mostrar ou ocultar o nome da tela no menu de navegação. O nome aparece abaixo do ícone da tela.
    Dica: é recomendado incluir o nome da tela por motivos de acessibilidade.
  - Ícones: personalize os ícones no menu de navegação. Cada ícone corresponde a uma tela. Toque no ícone Editar ao lado de um ícone para alterá-lo.
Toque em Salvar no canto superior direito.

Uma captura de tela de um exemplo da barra de navegação inferior em um app de marca com ícones personalizados.

Acesse seu site no app do Wix Studio.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Design na parte inferior.
Toque em Navegação.
Escolha um layout para o seu menu 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: toque na alavanca para mostrar ou ocultar o nome da tela no menu de navegação. O nome aparece abaixo do ícone da tela.
    Dica: é recomendado incluir o nome da tela por motivos de acessibilidade.
  - Ícones: personalize os ícones no menu de navegação. Cada ícone corresponde a uma tela. Toque no ícone Editar ao lado de um ícone para alterá-lo.
Toque 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.

Painel de controle

App Wix

App do Wix Studio

Vá para App mobile no painel de controle do site.
Clique em Editar app mobile.
Clique em Elementos à esquerda.
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.

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.

(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.

Visibilidade do elemento

Escolha se você deseja exibir o elemento em dispositivos Android, dispositivos iOS ou ambos. Saiba mais sobre como mostrar ou ocultar elementos em diferentes sistemas operacionais.

Clique no elemento.
Em Visibilidade do elemento no painel de Edição, escolha uma opção: Todos, Android ou iOS.

Reordenar um elemento

Clique no elemento.
Clique nas setas para cima ou para baixo ao lado do elemento para reordená-lo na tela.

Duplicar um elemento

Clique no elemento.
Clique no ícone Duplicar .
Observação: o novo elemento aparece acima do elemento original.

Mover o elemento para uma tela diferente

Clique no elemento.
Clique no ícone Mover para uma tela diferente .
Selecione uma tela no dropdown.
Clique em Mover.

Excluir um elemento

Clique no elemento.
Clique no ícone Excluir ao lado do elemento.
Clique em Excluir para confirmar.

7. Clique em Salvar no canto superior direito.

Acesse seu site no app Wix.
Toque em Gerenciar na parte inferior.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Vá para a tela onde você deseja adicionar um novo elemento. Você pode alternar entre as telas usando o dropdown Tela na parte superior.
Toque em + Adicionar elemento na seção onde você deseja que o novo elemento apareça.
Escolha um elemento do catálogo.

Dica:

Em Itens básicos, você pode adicionar elementos para personalizar e organizar seu app, como botões, imagens, separadores e vídeos.

Uma captura de tela do catálogo de elementos no app Wix.

Dependendo do elemento que você adicionou, ajuste suas configurações de conteúdo e exibição.
Toque em Adicionar no canto superior direito.
Observação: alguns elementos são adicionados automaticamente e não exigem essa etapa.
(Opcional) Gerencie e personalize o elemento ainda mais. Toque no ícone Editar no canto superior direito de um elemento e escolha o que você deseja fazer:
- Personalizar o elemento:
  1. Toque em Personalizar elemento.
  2. Edite os detalhes sobre o elemento, como:
    - Local do elemento: selecione a tela em que deseja que o elemento apareça.
    - Título do elemento: altere o título do elemento e escolha se deseja mostrá-lo ou ocultá-lo.
    - Visibilidade do elemento: escolha se deseja exibir o elemento para dispositivos Android, dispositivos Apple ou ambos. Saiba mais sobre como mostrar ou ocultar elementos em diferentes sistemas operacionais.
    - Configurações de exibição: controle como seu elemento aparece na tela e como as informações são exibidas.
- Reordenar um elemento: toque em Mover para cima ou em Mover para baixo para reordenar o elemento na tela.
- Duplicar um elemento: toque em Duplicar. O novo elemento aparece acima do elemento original.
- Excluir um elemento:
  1. Toque em Excluir elemento.
  2. Toque em Excluir elemento para confirmar.

Acesse seu site no app do Wix Studio.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Vá para a tela onde você deseja adicionar um novo elemento. Você pode alternar entre as telas usando o dropdown Tela na parte superior.
Toque em + Adicionar elemento na seção onde você deseja que o novo elemento apareça.
Escolha um elemento do catálogo.

Dica:

Em Itens básicos, você pode adicionar elementos para personalizar e organizar seu app, como botões, imagens, separadores e vídeos.

Dependendo do elemento que você adicionou, ajuste suas configurações de conteúdo e exibição.
Toque em Adicionar no canto superior direito.
Observação: alguns elementos são adicionados automaticamente e não exigem essa etapa.
(Opcional) Gerencie e personalize o elemento ainda mais. Toque no ícone Editar no canto superior direito de um elemento e escolha o que você deseja fazer:
- Personalizar o elemento:
  1. Toque em Personalizar elemento.
  2. Edite os detalhes sobre o elemento, como:
    - Local do elemento: selecione a tela em que deseja que o elemento apareça.
    - Título do elemento: altere o título do elemento e escolha se deseja mostrá-lo ou ocultá-lo.
    - Visibilidade do elemento: escolha se deseja exibir o elemento para dispositivos Android, dispositivos Apple ou ambos. Saiba mais sobre como mostrar ou ocultar elementos em diferentes sistemas operacionais.
    - Configurações de exibição: controle como seu elemento aparece na tela e como as informações são exibidas.
- Reordenar um elemento: toque em Mover para cima ou em Mover para baixo para reordenar o elemento na tela.
- Duplicar um elemento: toque em Duplicar. O novo elemento aparece acima do elemento original.
- Excluir um elemento:
  1. Toque em Excluir elemento.
  2. Toque em Excluir elemento para confirmar.

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.

Painel de controle

App Wix

App do Wix Studio

Vá para App mobile no painel de controle do site.
Clique em Editar app mobile.
Clique em Telas à esquerda do Editor web.
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.

Adicionar uma nova tela

Escolha se deseja adicionar uma tela que aparece na barra de navegação principal do seu app ou uma tela que fica oculta da navegação:

Para adicionar uma tela na barra de navegação:
1. Clique em + Adicionar ao lado de Telas na navegação.
2. Insira um nome para a nova tela e clique no ícone de marca de seleção para salvar o nome da tela.
3. Arraste a tela para cima ou para baixo para onde ela deve aparecer na barra de navegação.
Para adicionar uma tela que não está na navegação:
1. Clique em + Adicionar ao lado de Telas não navegáveis.
2. Insira um nome para a nova tela e clique no ícone de marca de seleção para salvar o nome da tela.
3. Arraste a tela para cima ou para baixo para onde ela deve aparecer na barra de navegação.

Reordenar uma tela

Clique na tela que deseja reordenar e arraste-a para cima ou para baixo na navegação.

Renomear uma tela

Clique no ícone Mais ações ao lado da tela relevante.
Clique em Renomear.
Insira um novo nome para a tela.
Clique no ícone de marca de seleção para salvar o nome da tela.
Clique em Salvar no canto superior direito.

Alterar um ícone da tela

Clique no ícone Mais ações ao lado da tela relevante.
Clique em Alterar ícone.
Selecione um ícone entre as opções disponíveis.
Clique em Aplicar.
Clique em Salvar no canto superior direito.

Definir permissões da tela

Defina permissões para cada tela para que apenas os membros com determinados selos ou planos pagos possam acessá-las.

Clique no ícone Mais ações ao lado da tela relevante.
Clique em Definir permissões.
Escolha quem pode acessar essa aba:
- Todos: visitantes e membros.
- Apenas membros: apenas as pessoas que se juntaram ao seu app.
Clique em OK.
Clique em Salvar no canto superior direito.

Remover uma tela da navegação

Oculte uma tela da barra de navegação. Quando você seleciona essa opção, a tela move para a seção Telas não navegáveis.

Clique no ícone Mais ações ao lado da tela relevante.
Clique em Remover da navegação.
Dica: para mostrar novamente, clique no ícone Mais ações ao lado da tela e clique em Adicionar à navegação.
Clique em Salvar no canto superior direito.

Excluir uma tela

Clique no ícone Mais ações ao lado de uma tela.
Clique em Excluir.
Clique em Excluir para confirmar.
Observação: a tela e todos os seus elementos não podem ser restaurados. Você pode ocultá-lo da navegação do seu app.
Clique em Salvar no canto superior direito.

Gerenciar telas do sistema

(Opcional) Gerencie as telas de abertura e login do app da sua marca. Saiba mais sobre o design de cada tela.
- Tela de abertura:
  1. Clique em Abertura em Telas do sistema.
  2. Atualize a cor e a imagem do background da tela de abertura.
    Observação: as alterações na tela de abertura do seu app são publicadas assim que você reenviá-lo para a App Store e Google Play.
- Tela de login:
  1. Clique em Login em Telas do sistema.
  2. Edite o texto da tela de login e a cor e imagem do background.
Clique em Salvar no canto superior direito.

Acesse seu site no app Wix.
Toque em Gerenciar na parte inferior.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Telas no canto inferior esquerdo.

Uma captura de tela da aba Telas no app Wix.

Escolha o que você quer fazer:

Adicionar uma nova tela:

Toque em + Adicionar nova tela na parte inferior para criar outra tela.
Insira um nome para mostrar no menu de navegação.
Dica: oculte essa tela enquanto trabalha em seu conteúdo ao ativar a alavanca Ocultar tela da navegação.
Toque em Salvar.

Reordenar telas:

Toque em Reordenar no canto superior direito.
Pressione e arraste as telas relevantes para reordenar o menu.
Toque em Salvar.

Edite um nome de tela e um ícone:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar nome da tela e escolha o que você deseja fazer:
- Insira o nome desejado.
- Toque no ícone e selecione um novo.
Toque em Salvar.

Defina as permissões da tela:

Defina permissões para cada tela para que apenas os membros com determinados selos ou planos pagos possam acessá-las.

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Definir permissões da tela.
Escolha quem pode acessar essa aba:
- Todos: visitantes e membros.
- Apenas membros: apenas as pessoas que se juntaram ao seu app.
Toque em Salvar.

Editar uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar tela.
Escolha o que você quer fazer:
- Adicionar um novo elemento à sua tela.
- Editar um elemento existente.
Toque em OK.

Remover uma tela da navegação:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Remover da navegação. A tela é movida para a seção Telas não navegáveis. Dica: para mostrar novamente, toque no ícone Mais ações ao lado da tela relevante e toque em Adicionar à navegação.

Excluir uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Excluir.
Toque em Excluir para confirmar.
Dica: a tela e os elementos não podem ser restaurados. Você pode ocultá-los da navegação do seu app.

Acesse seu site no app do Wix Studio.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Telas no canto inferior esquerdo.

Escolha o que você quer fazer:

Adicionar uma nova tela:

Toque em + Adicionar nova tela na parte inferior para criar outra tela.
Insira um nome para mostrar no menu de navegação.
Dica: oculte essa tela enquanto trabalha em seu conteúdo ao ativar a alavanca Ocultar tela da navegação.
Toque em Salvar.

Reordenar telas:

Toque em Reordenar no canto superior direito.
Pressione e arraste as telas relevantes para reordenar o menu.
Toque em Salvar.

Edite um nome de tela e um ícone:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar nome da tela e insira o nome desejado.
Toque no ícone e selecione um novo.
Toque em Salvar.

Defina as permissões da tela:

Defina permissões para cada tela para que apenas os membros com determinados selos ou planos pagos possam acessá-las.

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Definir permissões da tela.
Escolha quem pode acessar essa aba:
- Todos: visitantes e membros.
- Apenas membros: apenas as pessoas que se juntaram ao seu app.
Toque em Salvar.

Editar uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar tela.
Escolha o que você quer fazer:
- Adicionar um novo elemento à sua tela.
- Editar um elemento existente.
Toque em OK.

Remover uma tela da navegação:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Remover da navegação. A tela é movida para a seção Telas não navegáveis. Dica: para mostrar novamente, toque no ícone Mais ações ao lado da tela relevante e toque em Adicionar à navegação.

Excluir uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Excluir.
Toque em Excluir para confirmar.
Dica: a tela e os elementos não podem ser restaurados. Você pode ocultá-los da navegação do seu app.

Acesse seu site no app do Wix Studio.
Toque em Site e app.
Toque em Personalizar em Branded App.
Observação: se você ainda não começou a configurar o Branded App, toque em Tenha seu próprio app mobile.
Toque em Telas no canto inferior esquerdo.

Escolha o que você quer fazer:

Adicionar uma nova tela:

Toque em + Adicionar nova tela na parte inferior para criar outra tela.
Insira um nome para mostrar no menu de navegação.
Dica: oculte essa tela enquanto trabalha em seu conteúdo ao ativar a alavanca Ocultar tela da navegação.
Toque em Salvar.

Reordenar telas:

Toque em Reordenar no canto superior direito.
Pressione e arraste as telas relevantes para reordenar o menu.
Toque em Salvar.

Edite um nome de tela e um ícone:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar nome da tela.
- Insira o nome desejado.
- Toque no ícone e selecione um novo.
Toque em Salvar.

Defina as permissões da tela:

Defina permissões para cada tela para que apenas os membros com determinados selos ou planos pagos possam acessá-las.

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Definir permissões da tela.
Escolha quem pode acessar essa aba: Todos ou Apenas membros.
Toque em Salvar.

Editar uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Editar tela.
Escolha o que você quer fazer:
- Adicionar um novo elemento à sua tela.
- Editar um elemento existente.
Toque em OK.

Remover uma tela da navegação:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Remover da navegação. A tela é movida para a seção Telas não navegáveis. Dica: para mostrar novamente, toque no ícone Mais ações ao lado da tela relevante e toque em Adicionar à navegação.

Excluir uma tela:

Toque no ícone Mais ações ao lado da tela relevante.
Toque em Excluir.
Toque em Excluir para confirmar.
Dica: a tela e os elementos não podem ser restaurados. Você pode ocultá-los da navegação do seu app.

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

Vá para App mobile no painel de controle do site.
Clique em Editar app mobile.
Clique em Design à esquerda.
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.
Clique em Salvar.

Acesse seu site no app Wix.
Toque em Gerenciar na parte inferior.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Design na parte inferior da tela.
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: toque em Alterar tema do app para escolher uma combinação predefinida de cores e fontes.
- Estilo do cabeçalho: personalize a cor do cabeçalho para combinar com sua cor primária ou com a cor do background. Você também pode escolher quais ícones deseja exibir no cabeçalho.
- Navegação: saiba mais sobre como editar sua barra de navegação na seção de navegação acima.
Toque em Salvar.

Acesse seu site no app do Wix Studio.
Toque em App mobile.
(Se necessário) Altere para a edição do app da sua marca:
1. Toque no nome do app de membros na parte superior (por exemplo: app Spaces by Wix).
2. Selecione o app da sua marca.
Toque em Editar.
Toque em Design na parte inferior da tela.
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: toque em Alterar tema do app para escolher uma combinação predefinida de cores e fontes.
- Estilo do cabeçalho: personalize a cor do cabeçalho para combinar com sua cor primária ou com a cor do background. Você também pode escolher quais ícones deseja exibir no cabeçalho.
- Navegação: saiba mais sobre como editar sua barra de navegação na seção de navegação acima.
Toque em Salvar.

Perguntas frequentes

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

Como faço para alterar o idioma do meu app?

Você pode escolher o idioma padrão que seus visitantes veem quando fazem download do seu app. Para alterar o idioma do seu app:

Vá para Configurações do app no painel de controle do Branded app.
Clique no dropdown Idioma padrão e selecione um idioma.

Observação: escolher um idioma para o app atualiza todo o conteúdo dos apps do Wix (Wix Stores, Wix Bookings, Wix Blog, etc). Qualquer conteúdo que você tenha criado por conta própria, como uma nova seção de texto, aparece no idioma que você selecionou. No momento, o Branded App não é compatível com o Wix Multilíngue

Por que preciso fazer download do app Wix?

Nem todas as opções de personalização estão disponíveis no editor web no painel de controle do seu site. O app Wix permite que você crie o conteúdo do seu app e veja como ele fica.

Se eu fizer alterações nos recursos e no conteúdo do meu aplicativo, terei que reenviá-lo para revisão?

Você deve reenviar seu app para revisão se fizer alterações na marca ou no design. Não é necessário reenviar seu app se você fizer alterações no conteúdo. Saiba mais sobre quais atualizações precisam de outra revisão.

Personalizar o cabeçalho

Detalhado

Minimalista

Detalhado

Minimalista

Detalhado

Minimalista

Personalizar o menu de navegação

Adicionar elementos às suas telas

Visibilidade do elemento

Reordenar um elemento

Duplicar um elemento

Mover o elemento para uma tela diferente

Excluir um elemento

Gerenciar suas telas

Adicionar uma nova tela

Reordenar uma tela

Renomear uma tela

Alterar um ícone da tela

Definir permissões da tela

Remover uma tela da navegação

Excluir uma tela

Gerenciar telas do sistema

Adicionar uma nova tela:

Reordenar telas:

Edite um nome de tela e um ícone:

Defina as permissões da tela:

Editar uma tela:

Remover uma tela da navegação:

Excluir uma tela:

Adicionar uma nova tela:

Reordenar telas:

Edite um nome de tela e um ícone:

Defina as permissões da tela:

Editar uma tela:

Remover uma tela da navegação:

Excluir uma tela:

Adicionar uma nova tela:

Reordenar telas:

Edite um nome de tela e um ícone:

Defina as permissões da tela:

Editar uma tela:

Remover uma tela da navegação:

Excluir uma tela:

Personalizar o design do seu app

Perguntas frequentes

Como faço para alterar o idioma do meu app?

Por que preciso fazer download do app Wix?

Se eu fizer alterações nos recursos e no conteúdo do meu aplicativo, terei que reenviá-lo para revisão?

Vídeo tutorial

Personalize seu próprio app mobile