Onde colocar o botão de ação para as pessoas clicarem (acima da dobra)
Onde colocar o botão de ação para as pessoas clicarem (acima da dobra)
Tens um site bonito, com uma boa oferta, e mesmo assim ninguém clica para te contactar ou comprar. Antes de culpar o texto ou o design, faz uma pergunta simples: o botão de ação está num sítio onde as pessoas o vêem no momento em que estão prontas para clicar? Muitas vezes, o problema não é o botão — é o lugar.
Vamos falar da "dobra", de mitos antigos sobre rolagem e, no fim, da regra prática que importa: colocar o convite à ação onde a decisão de o tomar acontece.
O que é "a dobra"
A expressão "acima da dobra" vem dos jornais: a parte de cima da primeira página, visível na banca antes de o jornal estar desdobrado. Na web, acima da dobra é tudo o que aparece no ecrã sem a pessoa precisar de rolar — a primeira porção que vê assim que a página carrega.
É espaço nobre. É a primeira impressão, o momento em que o visitante decide, em segundos, se vale a pena ficar. Por isso, é tentador encher essa zona com tudo o que importa — incluindo o botão de ação.
O mito de que "ninguém rola a página"
Durante anos, repetiu-se que tudo o que importa tem de estar acima da dobra, porque "as pessoas não rolam". Isto é, hoje, falso — e a investigação prova-o.
A Nielsen Norman Group, referência mundial em usabilidade, mostra que rolar é um gesto natural e esperado por qualquer utilizador habituado à internet. As pessoas rolam, sim — desde que aquilo que veem acima da dobra lhes dê motivo para continuar.
Ou seja: a dobra não é uma parede onde a atenção morre. É uma promessa. Se o topo da página for convincente, a pessoa rola para saber mais. Se for confuso ou vazio, vai-se embora — e aí nenhum botão a salva, esteja onde estiver.
Então, onde fica o botão?
A resposta não é "sempre acima da dobra" nem "no fim". Depende de uma coisa: quando é que o visitante tem informação suficiente para decidir.
Para ofertas simples e diretas
Se o que ofereces é fácil de perceber num instante — uma marcação, um contacto, um download óbvio — então sim, o botão deve estar acima da dobra. A pessoa percebe logo o valor e está pronta a agir. Não a faças procurar.
Para ofertas que precisam de convencer
Se vendes algo que exige explicação — um serviço mais caro, uma decisão ponderada — ninguém clica em "comprar" nos primeiros três segundos. Precisam de ler, perceber, ganhar confiança. Aqui, o botão acima da dobra serve para quem já está decidido, mas o trabalho pesado acontece à medida que a pessoa rola.
A solução que funciona quase sempre: repetir
A melhor prática raramente é "ou no topo ou no fim" — é nos dois, e no meio também. Coloca um botão de ação acima da dobra (para os já convencidos) e volta a oferecê-lo nos momentos certos ao longo da página: depois de explicares o valor, depois dos testemunhos, no fim. Assim, sempre que a pessoa decidir — seja no segundo 3 ou no minuto 2 — o convite está ali, ao alcance, sem ter de voltar para cima.
Como fazer o botão destacar-se
Estar no sítio certo não chega; o botão tem de ser visto. Algumas regras simples:
- Contraste. O botão deve saltar à vista, com uma cor que se destaque do resto da página. Se se confunde com o fundo, é como não existir.
- Espaço à volta. Um botão encostado a texto perde-se. Dá-lhe ar; o espaço em branco à volta atrai o olhar.
- Um botão principal por ecrã. Demasiadas opções paralisam. Deixa claro qual é a ação mais importante e não a coloques a competir com cinco outras igualmente vistosas.
- Texto que diz o que acontece. O que escreves no botão importa tanto como onde o pões — tratámos disso no guia de botões que convertem.
Não te esqueças do telemóvel
Tudo isto muda de figura no telemóvel, onde "acima da dobra" é um espaço minúsculo. No ecrã pequeno, cada pixel acima da dobra é precioso, e os botões têm de ser confortáveis de tocar com o polegar. Uma prática que funciona bem em telemóvel é o botão "fixo" — que acompanha a rolagem e fica sempre acessível no fundo do ecrã. Como a maioria do tráfego é móvel, é aí que vale a pena testar primeiro.
A regra que resume tudo
Esquece a obsessão com a dobra. A regra de ouro do CRO aplica-se também aqui: o botão deve estar presente em cada momento em que o visitante possa estar pronto a agir. Para uns, é logo no topo. Para outros, é depois de lerem tudo. Repetir o convite ao longo da página garante que, decida quando decidir, a pessoa nunca tem de procurar como.
Como em quase tudo na otimização de conversão, a melhor forma de saber o que funciona no teu caso não é adivinhar — é medir.
No sitesfixe.pt desenhamos páginas onde o convite à ação está sempre à mão, no telemóvel e no computador, sem nunca se impor de forma agressiva. Websites desde 1.500€, pensados para converter. Pede um orçamento sem compromisso.
Lê também:
- CTA: como escrever botões de ação que as pessoas clicam mesmo
- O que é CRO e como aumentar conversões sem mais tráfego
- Formulários que convertem: menos campos, mais contactos
Fontes
Precisas de um site ou loja online?
Estúdio digital português. Sites e lojas online rápidos, otimizados para o Google e feitos para resultado.
Pedir orçamento