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

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

|