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.

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
- Clique na barra de busca no seu editor.
- Clique em Configurações.

- 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.
- Sugestões de resultados e itens populares
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
- Clique na barra de busca no seu editor.
- Clique no ícone Layout
.

- Escolha uma opção de layout (com ou sem botão).
- 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
- Clique na barra de busca no seu editor.
- Clique no ícone Design
.

- Selecione um design predefinido.
- Clique em Personalizar design para alterar ainda mais.
- Clique em uma aba para escolher qual estado você deseja personalizar: Normal, Interativo ou Foco.
- 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.