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. Wix Studio, Parceiros e empresas
  3. Wix Studio
  4. Use o Editor do Wix Studio
  5. Adicione elementos do Editor do Wix Studio
  6. Editor do Wix Studio: adicionar e personalizar botões

Editor do Wix Studio: adicionar e personalizar botões

Neste artigo
  • Adiciona um botão
  • Configurar um botão
  • Personalizar um botão
Os botões são uma ótima maneira de incentivar os visitantes a interagir com um site. No Editor do Wix Studio, você pode adicionar botões normais ou animados e escolher o que eles mostram (texto, um ícone ou ambos). Há também uma variedade de opções de design e layout, dando a você controle criativo total.
Exemplos de muitos designs de botão que você pode criar no Editor do Wix Studio
Importante:
Este artigo se refere ao novo elemento de botão no Editor do Wix Studio. Para ver as etapas sobre como adicionar e trabalhar com o elemento de botão anterior, clique aqui.

Adiciona um botão

Escolha se deseja adicionar um botão estilizado (estático) ou um botão animado. Eles têm as mesmas opções de design e você pode transformar um botão de estilizado em um botão animado a qualquer momento (e vice-versa).

Para adicionar um botão:

  1. Clique em Elementos no lado esquerdo do editor.
  2. Clique em Botões.
  3. Clique ou arraste uma opção em Botões estilizados/Botões animados para adicionar à página.
A aba Botões está aberta no painel Elementos. O cursor está selecionando um botão.
Precisa de inspiração?
Confira esses tutoriais de botões:

Configurar um botão

Depois de adicionar um botão, configure sua ação e escolha o que mostrar (texto, um ícone ou ambos). Dependendo do que o botão exibe, você também pode definir o texto e o ícone.

Para configurar um botão:

  1. Selecione o botão no seu editor.
  2. Clique em Configurações.
  3. Configure o botão com as opções:
    • Escolha o que exibir: selecione uma opção e altere as configurações:
      • Texto e ícone: use o campo Texto para alterar o que ele diz e clique em Substituir ícone para escolher um ícone diferente.
      • Apenas texto: edite o texto do botão em Texto.
      • Apenas ícone: clique em Substituir ícone para escolher um ícone diferente para o botão.
    • Direcionar para: clique no campo e configure o link no painel:
      1. Selecione um tipo de link à esquerda.
      2. Adicione as informações relevantes do link.
      3. Clique em OK.
    • Nome acessível: descreva a função do botão para os visitantes que usam tecnologias assistivas.
O painel de configurações está aberto para um botão, mostrando as opções. O cursor está clicando no campo para configurar o link.
Observação:
Se você selecionar Nada em Escolha o que exibir, o botão ficará em branco. Você ainda pode adicionar um nome acessível e vinculá-lo ao que você deseja.

Personalizar um botão

Os botões estilizados oferecem muitas opções de personalização para que você possa personalizar cada detalhe. Altere o texto e o ícone para corresponder à ação desejada, escolha como os dois devem ser organizados, defina um gradiente ou uma imagem como background e muito mais.

Para personalizar um botão estilizado:

  1. Selecione o botão relevante.
  2. Escolha o que você deseja personalizar:
O painel Inspetor está aberto para um botão. O cursor está ajustando o tamanho do ícone 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
  • Adiciona um botão
  • Configurar um botão
  • Personalizar um botão

Esse artigo foi útil?

|