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.

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.

Início

Wix Studio, Parceiros e empresas

Wix Studio

Use o Editor do Wix Studio

Adicione elementos do Editor do Wix Studio

Editor do Wix Studio: adicionar e personalizar botões estilizados

6 min

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 que mostram texto, um ícone ou ambos. Você tem controle total do design e do layout para criar o visual que precisa.

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.

Como sei qual botão eu tenho?

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 mudar um botão de estilizado para animado como desejar (e vice-versa).

Para adicionar um botão:

Clique em Elementos no lado esquerdo do editor.
Clique em Botões.
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:

Selecione o botão no seu editor.
Clique em Configurações.
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.