Como Adicionar um Link a um Botão
Use o elemento Botão quando precisar de um call to action claro que envie visitantes para outra página, URL de checkout ou site externo.
Antes de Começar
Certifique-se de ter:
- Uma página aberta no Construtor de Páginas.
- A URL de destino pronta (página interna ou link HTTPS absoluto).
- Permissão para publicar a página após concluir.
Passo 1: Adicione o Elemento Botão
- Abra Páginas e clique em Editar na página alvo.
- Arraste Botão para a seção ou container onde o CTA deve aparecer.
- Clique no botão no canvas para abrir o painel de configurações.
Coloque CTAs principais perto do título da oferta ou do bloco de preços. Mantenha uma função principal por botão.
Consulte Elemento Botão (referência).
Passo 2: Defina o Rótulo e o Evento de Clique
- Escreva um rótulo direto como Começar agora, Quero meu desconto ou Continuar.
- Nas configurações de evento de clique, escolha a ação de link / URL (não modal, área de transferência ou modos exclusivos de checkout).
- Cole a URL de destino.
| Configuração | Dica |
|---|---|
| Rótulo | Curto e focado em ação — coloque explicações longas no texto próximo. |
| URL | Prefira links HTTPS completos para checkout e sites externos. |
| Destino | Mesma aba para etapas do funil; nova aba para ferramentas externas quando quiser manter a landing page aberta. |
Opcional: adicione um ícone antes ou depois do rótulo apenas quando melhorar o reconhecimento, depois defina tamanho e espaçamento do ícone.
Passo 3: Estilize o Botão
- Defina alinhamento, tipografia, cores e fundo (sólido ou gradiente).
- Estilize estados normal e hover separadamente para dar feedback claro de clique.
- Ajuste padding, raio, largura e valores mobile — botões em largura total costumam converter melhor em telas pequenas.
Não dependa só do hover; dispositivos touch não mostram indicações de hover.
Passo 4: Salve, Publique e Teste
- Clique em Salvar no construtor.
- Clique em Publicar.
- Abra a URL ao vivo (de preferência em janela anônima).
- Clique no botão e confirme que o destino correto carrega.
Consulte Publicar uma página.
Solução de Problemas
| Problema | O que tentar |
|---|---|
| Botão não faz nada | Confirme que o evento de clique está em link e a URL não está vazia. |
| Página errada abre | Verifique erros de digitação, espaços extras ou slug desatualizado. |
| Bom no desktop, quebrado no mobile | Mude para preview mobile e aumente área de toque / largura. |
Resultado
Seu botão abre a URL pretendida quando clicado na página publicada — pronto para tráfego e configuração adicional de rastreamento, se necessário.
Documentação Relacionada
- Elemento Botão (referência)
- Como rastrear cliques de botão com pixel
- Como adicionar um botão WhatsApp
- Publicar uma página
FAQ
Quais ações um botão pode executar?
Um botão pode abrir um link, acionar um modal, mostrar conteúdo oculto por ID ou classe, copiar texto para a área de transferência ou usar comportamento de checkout suportado quando configurado.
Um botão pode escolher entre várias URLs?
Sim. Quando links de redirecionamento aleatório estão configurados, o Atomicat pode enviar cliques para um dos destinos salvos. Consulte o elemento Redirecionamento para CTAs com múltiplas URLs.
Devo usar Botão ou Redirecionamento?
Use Botão para um único destino. Use Redirecionamento (ou links de redirecionamento aleatório) quando quiser dividir cliques intencionalmente entre várias URLs.