header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Membros do site: adicionar e personalizar a barra de login

Neste artigo
  • Adicionar a barra de login
  • Configurar a barra de login
  • Gerenciar o menu da barra de login
  • Fazer o design da barra de login
Personalize a barra de login que os membros usam para fazer login na sua área de membros, junto com o menu que aparece. Você pode escolher quais abas e links aparecem no menu, ajustar o layout e personalizar o design do elemento para que ele combine com o estilo do seu site.
Uma captura de tela da barra de login em um site online feito com o Wix Studio

Adicionar a barra de login

Quando você adiciona uma área de membros ao seu site, uma barra de login é incluída automaticamente no cabeçalho. Isso garante que ela apareça em todas as páginas, dando aos membros acesso rápido e conveniente às suas contas. Se você precisar adicionar novamente a barra de login ou quiser adicionar barras de login adicionais, você pode fazer isso facilmente.
  1. Vá para o seu editor
  2. Clique em Elementos no lado esquerdo do editor.
  3. Clique em Comunidade.
  4. Clique em Barra de login.
  5. Clique ou arraste e solte a barra de login para adicioná-la à sua página.
A barra de login no painel Elementos no Editor Wix

Configurar a barra de login

Selecione as informações que deseja que a barra de login mostre, personalize o texto e adicione uma saudação amigável, como "Oi Maria!" Esse toque pessoal pode ajudar a criar uma experiência mais acolhedora para seus membros.
  1. Vá para o seu editor
  2. Clique no elemento da barra de login na sua página. 
  3. Clique em Configurações.
O painel Configurações da barra de login no Editor Wix
  1. Selecione o estado da barra de login relevante: Conectado ou Desconectado:

    • Personalize a versão Conectado da sua barra de login: 

      • Aparência: escolha um estilo avatar, completo ou texto. Se estiver usando um avatar, selecione uma foto, iniciais ou estilo personalizado e ajuste seu tamanho. Para os estilos texto e completo, adicione um texto personalizado do botão. Escolha um estilo e tamanho de seta. Se desejar, mostre uma mensagem antes do nome do membro e exiba um ícone de sino de notificação.

      • Layout: selecione o alinhamento da barra de login e a direção do elemento.

      • Menu dropdown: selecione o alinhamento dos itens, altere o texto do botão de logout e ative a seção Comprar novamente.

        • Comprar novamente: quando ativada, você pode selecionar o número de itens exibidos, o que acontece quando o botão é clicado e personalizar o texto do botão Adicionar ao carrinho e Comprar novamente.

    • Personalize a versão Desconectado da sua barra de login: 

      • Escolha um estilo avatar, completo ou texto. Se estiver usando um avatar, selecione uma imagem, iniciais ou estilo personalizado e ajuste seu tamanho. Para os estilos texto e completo, adicione um texto personalizado do botão.


Gerenciar o menu da barra de login

Quando membros conectados clicam na barra de login, um menu dropdown é aberto. Você pode escolher quais abas e páginas de membros deseja exibir nesse menu.
  1. Vá para o seu editor
  2. Clique no elemento da barra de login na sua página. 
  3. Clique em Gerenciar menu.
O painel Gerenciar menu para o menu da barra de login no Editor Wix
  1. Escolha o que você quer fazer a seguir:
    • Adicionar mais itens de menu: 
      1. Clique em Adicionar item de menu na parte inferior.
      2. Clique em Link.
      3. Escolha para onde você deseja direcionar (por exemplo: página do site, site externo) e configure usando as opções disponíveis.
      4. Clique em OK.
    • Renomear um item de menu: clique duas vezes no item de menu para inserir um novo nome para ele. 
    • Remover um item do menu: passe o mouse sobre o item relevante e clique no ícone Mais ações e selecione Remover/Ocultar do menu.
    • Reordenar o menu: passe o mouse sobre o item relevante e pressione o ícone Reordenar ao lado dele e arraste-o para a posição relevante.

Fazer o design da barra de login

Personalize o design da barra de login para combinar com o tema do seu site. Você pode alterar as cores, fontes, bordas e muito mais para criar um visual coeso.
  1. Vá para o seu editor
  2. Clique no elemento da barra de login na sua página. 
  3. Clique no ícone Design .
Uma captura de tela do painel de design da barra de login, onde você pode personalizar a barra e o menu de login
  1. Clique na aba Normal e personalize o design usando as seguintes opções:
    • Cor e opacidade: altere as cores e a opacidade dos ícones, background e notificações na barra de login.
    • Borda: altere a cor, a opacidade e a largura da barra de login e bordas do menu.
    • Cantos: altere o raio do canto da barra e menu de login. Quanto maior o raio, mais arredondados serão os cantos.
    • Sombra: adicione e personalize uma sombra para sua barra de login e menu.
    • Texto: altere as cores e as fontes do texto na barra de login e menu.
  2. Clique nas abas Ao passar o mouse e Selecionado para atualizar a cor do texto quando os membros passam o mouse sobre ele ou o selecionam.