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
  1. Início
  2. Gerencie o seu negócio
  3. Aplicativos e soluções comerciais
  4. Apps do Wix
  5. Barra de Busca Wix
  6. Personalizar o botão de busca no site

Personalizar o botão de busca no site

9 min
Neste artigo
  • Personalizar as configurações do botão de busca
  • Alterar o layout do botão de busca
  • Personalizar o design do botão de busca
A Barra de Busca Wix permite que os visitantes pesquisem o que quiserem em seu site. Este app vem com um botão de busca totalmente personalizável, permitindo que você adapte a aparência e funcionalidade para que o botão funcione para você.
Uma captura de tela mostrando o botão de busca adicionado a um site.
Dica:
Você também pode personalizar a página de resultados de busca onde os resultados são exibidos.

Personalizar as configurações do botão de busca

Personalize seu botão 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.
Editor Wix
Editor do Wix Studio
  1. Clique no botão de busca no seu editor.
  2. Clique no ícone Configurações .
Uma captura de tela mostrando o ícone de configurações.
  1. Personalize as seguintes opções:
    • Escolha o que exibir: clique no dropdown e selecione o que exibir no seu botão de busca:
      • Texto e ícone: mostre texto e um ícone no seu botão.
        • Texto: insira o texto que aparece no botão.
        • Ícone: selecione ou faça upload do ícone que deseja exibir.
      • Apenas ícone: mostre apenas um ícone no seu botão, sem texto.
        • Ícone: selecione ou faça upload do ícone que deseja exibir.
        • Nome acessível: adicione uma etiqueta para que os leitores de tela descrevam seu botão.
      • Apenas texto: mostre apenas texto no seu botão.
        • Texto: insira o texto do botão.
      • Nada: oculte o texto e o ícone do botão.
        • Nome acessível: adicione uma etiqueta para que os leitores de tela descrevam seu botão.
Uma captura de tela mostrando as configurações do botão.

Alterar o layout do botão de busca

Ajuste o alinhamento, as margens e a estrutura geral do seu botão de busca para melhor integrá-lo ao design do seu site.
Editor Wix
Editor do Wix Studio
  1. Clique no botão de busca no seu editor.
  2. Clique no ícone Layout .
Uma captura de tela mostrando o ícone de layout.
  1. Personalize as seguintes opções:
    • Escolha o que exibir: clique no dropdown e selecione o que aparece no seu botão:
      • Apenas texto: mostre apenas texto no seu botão.
        • Alinhamento: selecione como alinhar o texto no seu botão: Esquerda, Centro ou Direita.
      • Texto e ícone: mostre texto e um ícone no seu botão.
        • Posição do ícone: escolha onde colocar o ícone em relação ao texto: Esquerda, Direita, Abaixo ou Acima.
        • Espaçamento entre texto e ícone: ajuste a distância entre o texto e o ícone usando o slider ou a caixa numérica.
        • Alinhamento: selecione como alinhar o texto e o ícone: Esquerda, Centro, Direita ou Justificar.
      • Apenas ícone: mostre apenas um ícone no seu botão.
        • Alinhamento: selecione como alinhar o ícone no seu botão: Esquerda, Centro ou Direita.
    • Nada: oculte o texto e o ícone do botão.
Uma captura de tela mostrando as configurações de layout do botão.

Personalizar o design do botão de busca

Você pode personalizar o design do seu botão de busca para os estados normal e interativo. 
Editor Wix
Editor do Wix Studio
  1. Clique no botão de busca no seu editor.
  2. Clique no ícone Design .
Uma captura de tela mostrando o ícone de design.
  1. Clique no dropdown Estado e selecione um estado para personalizar:
    • Normal: a aparência padrão do seu botão.
    • Interativo: como o botão fica quando um visitante passa o mouse sobre ele.
  2. Clique nas abas à esquerda para personalizar diferentes partes do botão:
Uma captura de tela mostrando as configurações de design do botão.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Personalizar as configurações do botão de busca
  • Alterar o layout do botão de busca
  • Personalizar o design do botão de busca

Esse artigo foi útil?

|