CTA principal e secundário: como organizar duas chamadas na página

A chamada principal indica a ação prioritária naquele contexto; a secundária oferece outro caminho útil, com função e destino claros. Diferencie os destaques sem esconder informações necessárias à decisão. A hierarquia deve ajudar a pessoa a entender as opções, não levá-la a confirmar algo que ainda não compreendeu.

O guia de call to action explica redação, formatos e medição. Aqui, comparamos duas chamadas próximas numa página: uma para solicitar inscrição e outra para consultar o programa. O exemplo mostra uma proposta de organização, sem prever cliques ou conversões.

Defina a prioridade pela tarefa da página

Descreva o que a pessoa deve conseguir fazer e o que precisa saber antes. Uma página de apresentação de oficina pode oferecer uma solicitação de inscrição como ação principal, mantendo programa, condições e público indicado acessíveis. Se a página serve principalmente para comparar formações, a prioridade pode ser outra.

Uma chamada secundária precisa ter utilidade própria. Ela pode levar a uma explicação necessária, permitir outra forma de continuar ou atender uma tarefa menos central naquele ponto. Não acrescente uma opção apenas para preencher espaço nem retire um caminho importante para aumentar artificialmente a pressão sobre a ação principal.

O GOV.UK Design System distingue ações principais e secundárias e recomenda simplificar páginas com excesso de chamadas. A orientação se aplica ao sistema de serviços públicos britânico; usamos a distinção como referência de hierarquia, sem importar cores, componentes ou uma regra universal de venda.

Compare função, rótulo e destino no mesmo conjunto

Exemplo fictício: uma equipe apresenta uma oficina e recebe solicitações de inscrição por formulário, sujeitas à confirmação posterior. A página também contém o programa da atividade. Não há evento real, preço, disponibilidade ou inscrição aberta sendo anunciado neste exercício.

Antes de escolher

A página fictícia apresenta a oficina e as condições que ajudam a avaliar a participação.

Principal: Solicitar inscrição

Maior destaque. Destino: formulário pertinente. Receber a solicitação não confirma automaticamente uma vaga.

Secundária: Ver programa

Destino: seção do programa na mesma página. O menor destaque preserva leitura e acesso. Interface sem controles funcionais ou resultado de teste.

Descrição da figura

Na página fictícia de oficina, informações e condições precedem duas chamadas. Solicitar inscrição recebe maior destaque e aponta para um formulário, cujo recebimento não equivale a vaga confirmada. Ver programa tem apresentação secundária e aponta para a seção correspondente na mesma página. As duas opções precisam ser compreensíveis. A interface é didática, sem controles funcionais e sem comprovação de cliques ou conversão.

O rótulo “Solicitar inscrição” corresponde ao processo descrito. Se a implementação abrir uma conversa ou iniciar uma compra, o texto e as condições precisam refletir esse comportamento. Não chame uma solicitação de “vaga garantida” sem uma confirmação que sustente a promessa.

A W3C orienta tornar compreensível a finalidade dos links pelo texto ou pelo contexto associado. No exemplo, “Ver programa” deve levar ao programa, e não abrir um cadastro inesperado. Se o destino for um arquivo, identifique a entrega quando isso ajudar a antecipar o próximo passo.

Diferencie o destaque sem dificultar a outra opção

Use posição, agrupamento, forma e contexto para tornar a relação compreensível. Uma chamada pode ter maior destaque e a outra aparecer como link textual claro. Isso não autoriza reduzir contraste, usar letras pequenas ou disfarçar uma alternativa importante.

No celular, confira a ordem de leitura e a proximidade entre chamadas. Um elemento flutuante não deve cobrir a informação nem impedir o acesso à opção secundária. A diferenciação também precisa continuar compreensível por teclado e sem depender apenas da cor.

Informações que alteram a decisão, como condições de participação ou o que a solicitação significa, devem estar disponíveis no contexto apropriado. Não use a opção secundária para esconder condições que a pessoa só descobrirá depois de confirmar outra etapa.

Duas chamadas são suficientes para qual necessidade?

Não há uma contagem que resolva todas as páginas. Um catálogo pode apresentar várias ofertas equivalentes; uma etapa de formulário pode pedir uma decisão principal e um caminho de saída. A hierarquia deve acompanhar esse contexto, sem transformar cada link do menu numa ação concorrente.

Se a página acumulou convite para curso, newsletter, consultoria, download e conversa, examine a função de cada um no trecho. Alguns podem pertencer a outro momento da leitura. Simplificar exige preservar os caminhos necessários e retirar repetições sem função, não impedir a escolha do visitante.

Repetir a mesma chamada principal depois de uma explicação pode fazer sentido quando mantém o mesmo destino e ajuda quem já tem informação suficiente. Uma chamada repetida com rótulo igual e resultado diferente pode causar dúvida. Registre e teste cada uso no contexto.

Faça a conferência pelas duas rotas

Percorra a rota principal e a secundária no ambiente autorizado. Confira rótulo, destino, conteúdo encontrado e retorno ao ponto pertinente. Se houver formulário, diferencie abertura, envio e recebimento. O roteiro de teste de formulário aprofunda essa parte operacional.

Página, seção e tarefa do visitante:
Principal: rótulo, destino e resultado esperado:
Secundária: rótulo, destino e necessidade atendida:
Condições que precisam aparecer antes da decisão:
Diferenciação de destaque e ordem no celular:
Conferência por teclado e dos dois destinos:
Confirmação real e mensagem correspondente:
Pendência, responsável e nova conferência:

Na análise de resultado, identifique cada interação e acompanhe sua continuidade. Consultar o programa não comprova perda de interesse; clicar na solicitação não comprova inscrição recebida. Se comparar versões, defina uma hipótese e os resultados antes de atribuir à hierarquia uma mudança nas vendas.

Perguntas frequentes sobre CTA principal e secundário

Toda página precisa de duas chamadas?

Não. Inclua a alternativa quando houver uma necessidade útil a atender. A quantidade depende da tarefa e da organização da página.

A chamada secundária deve ficar difícil de encontrar?

Não. Ela pode ter menor destaque sem perder legibilidade, contraste ou clareza. A hierarquia deve orientar, preservando escolhas e informações relevantes.

Posso repetir a ação principal ao longo da página?

Quando a repetição ajuda a leitura e mantém função e destino coerentes. Não transforme trechos diferentes em várias prioridades sem relação.

Mais cliques na principal comprovam mais inscrições?

Não. É preciso conferir o que o clique fez e acompanhar solicitações recebidas e confirmações, conforme o processo. Clique e resultado final são contagens distintas.

Se as chamadas da sua página ainda competem sem uma prioridade clara, converse conosco sobre conteúdo e percurso do visitante. Podemos ajudar a relacionar oferta, informação e próximo passo, sem prometer uma taxa de conversão.