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

• Nielsen Norman Group, The Fold Manifesto
• Nielsen Norman Group, Scrolling and Attention
• web.dev, Web Vitals