header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Personalizar a barra de busca do site

5 min
Neste artigo
  • Personalizar as configurações da barra de busca
  • Alterar o layout da barra de busca
  • Personalizar o design da barra de busca
A Barra de Busca Wix permite que os visitantes pesquisem qualquer coisa no seu site. Esse aplicativo vem com uma barra de busca totalmente personalizável, permitindo que você adapte sua aparência e funcionalidade para ficar como você precisa.
Importante:
O Editor do Wix Studio apresenta uma nova experiência de busca que ainda não está disponível no Editor Wix. Se o seu site foi criado usando um template do Editor do Wix Studio, você precisará remover o elemento de busca no site antigo e adicionar o app Barra de Busca Wix ao seu site para ativar a nova experiência de busca.
Uma captura de tela mostrando a Barra de Busca Wix em um site online.
Dica:
Você também pode personalizar a página de resultados de busca onde os resultados são exibidos.

Personalizar as configurações da barra de busca

Personalize sua barra de busca ao editar o texto do placeholder (o texto inicial exibido antes que os visitantes comecem a digitar) e ajuste a responsividade para controlar se os resultados aparecem quando o visitante digita ou somente depois que ele termina.

Para personalizar as configurações da sua barra de busca:

Editor Wix
Editor do Wix Studio
  1. Clique na barra de busca no seu editor.
  2. Clique em Configurações.
Uma captura de tela mostrando a opção de clicar nas configurações no editor.
  1. Personalize as configurações da barra de busca:
    • Sugestões de resultados e itens populares
      • Ative/desative a alavanca Mostrar sugestões de resultados quando os visitantes começarem a digitar para mostrar ou ocultar sugestões enquanto eles buscam.
      • Ative/desative a alavanca Mostrar itens populares antes que os visitantes comecem a digitar para mostrar ou ocultar itens populares na sua barra de busca. 
    • Ícone e texto:
      • Ative/desative a alavanca Mostrar ícone de busca para mostrar ou ocultar o ícone de busca na sua barra de busca. 
      • Ative/desative a alavanca Mostrar texto do placeholder para mostrar ou ocultar texto na barra de busca. 
        • Se ativada: insira o texto no campo fornecido, por exemplo, "Buscar". 
    • Botão Limpar:
      • Ícone: adiciona um ícone de X à barra de busca.
      • Texto: adiciona um botão à barra de busca com o texto que você fornecer.

Alterar o layout da barra de busca

Ajuste o alinhamento, as margens e a estrutura geral da sua barra de busca para integrá-la melhor com o design do seu site.

Para alterar o layout da sua barra de busca:

Editor Wix
Editor do Wix Studio
  1. Clique na barra de busca no seu editor.
  2. Clique no ícone Layout .
Uma captura de tela mostrando a opção de clicar no ícone de layout no editor.
  1. Escolha uma opção de layout (com ou sem botão).
  2. Personalize o alinhamento, o espaçamento e o preenchimento dos seus ícones e texto.
Observação:
As opções de layout disponíveis (alinhamento, espaçamento e preenchimento) variam dependendo do layout que você escolheu no passo 3. 

Personalizar o design da barra de busca

Você pode personalizar o design da barra de busca para cada um dos seguintes estados:
  • Normal: quando sua barra não está em uso.
  • Interativo: quando os visitantes passam o mouse sobre a barra.
  • Foco: quando os visitantes clicaram na barra.

Para personalizar o design da barra de busca:

Editor Wix
Editor do Wix Studio
  1. Clique na barra de busca no seu editor.
  2. Clique no ícone Design .
Uma captura de tela mostrando a opção de clicar no ícone de design no editor.
  1. Selecione um design predefinido.
  2. Clique em Personalizar design para alterar ainda mais.
    1. Clique em uma aba para escolher qual estado você deseja personalizar: Normal, Interativo ou Foco.
    2. Personalize as cores, bordas, cantos, sombras e texto para cada um dos estados disponíveis.
Altere a posição da barra de busca:
Para reposicionar sua barra de busca, clique e arraste-a para o cabeçalho ou rodapé do seu site.