Call-to-Action ou CTA é uma técnica muito utilizada para direcionar os visitantes de um site a realizarem uma ação específica, seja para comprar um produto, preencher um formulário, assinar uma newsletter, entre outras ações.
No entanto, criar uma boa CTA não é tão simples assim. É preciso levar em consideração diversos fatores, como o layout, o texto e a posição no site, para garantir que a CTA seja efetiva.
Neste artigo, vamos apresentar as melhores práticas de CTA para sites, com 15 exemplos poderosos para inspirar a criação de suas próprias chamadas para ação.
O que é uma Call-to-Action?
Uma Call-to-Action ou CTA é uma chamada para ação, que tem como objetivo incentivar o visitante de um site a realizar uma ação específica, como comprar um produto, preencher um formulário, baixar um material, entre outras.
Qual a importância de uma boa CTA?
Uma boa chamada para ação pode ser decisiva para a conversão de um visitante em cliente. Uma chamada bem elaborada, com um design atrativo e posicionada no lugar certo pode aumentar significativamente a taxa de conversão de um site.
Quais são as melhores práticas de CTA?
- Use palavras de ação no texto da CTA, como “compre agora”, “baixe o e-book”, “inscreva-se”, etc.
- Use cores contrastantes para destacar a CTA em relação ao restante do site.
- Posicione a CTA em locais estratégicos, como no final de um conteúdo ou na sidebar do site.
- Crie uma sensação de urgência com palavras como “últimas unidades”, “promoção por tempo limitado”, etc.
- Utilize testes A/B para identificar a CTA mais efetiva.
Exemplos de CTA
Listamos para você, 15 exemplos poderosos de chamadas para ação para inspirar a criação de suas próprias.
Exemplo 1 – Dropbox
A CTA do Dropbox é clara e objetiva, com um texto de ação “Baixe o Dropbox” e um botão verde, que se destaca em relação ao restante do site.
Exemplo 2 – Spotify
O Spotify utiliza uma chamada para ação que estimula a curiosidade do usuário, com o texto “Ouça de graça”. O botão verde também se destaca comparado ao resto do site.
Exemplo 3 – Hubspot
A chamada de ação do Hubspot é clara e objetiva, com um texto de ação “Comece agora” e um botão laranja, que se destaca em contraste com o restante do site.
Exemplo 4 – Canva
A CTA do Canva utiliza um texto de ação claro “Comece a usar o Canva agora”, além de uma seta que aponta para o botão verde, o que ajuda a direcionar o olhar do usuário para a ação desejada. O botão em si é de cor verde e se destaca em relação ao restante do site, o que o torna facilmente identificável.
Exemplo 5 – Airbnb
O Airbnb utiliza uma CTA que cria uma sensação de urgência e exclusividade, com o texto “Reserve agora” e um contador que mostra quantas pessoas estão visualizando a mesma propriedade.
Exemplo 6 – Neil Patel
No site Neil Patel a Call-to-Action é objetiva e clara, com o texto “Comece a crescer” e um botão amarelo, que se destaca comparado ao resto do site.
Exemplo 7 – Mailchimp
No página inicial da ferramenta Mailchimp a chamada para ação também é clara e objetiva, com um texto de ação “Inscreva-se” e um botão verde, que se destaca em contraste com o restante do site.
Exemplo 8 – Squarespace
No Squarespace a chamada para ação se resume com o texto “Comece seu teste grátis” e um botão preto, que se destaca comparado ao resto do site.
Exemplo 9 – Hootsuite
A CTA do Hootsuite cria uma sensação de urgência, com o texto “Comece seu teste grátis agora” e um contador que mostra quantos dias restam para a promoção.
Exemplo 10 – Slack
No Slack a chamada de ação também é simples e objetiva, com um texto de ação “Criar conta” e um botão verde, que se destaca em relação ao restante do site.
Exemplo 11 – Medium
A CTA do Medium utiliza um texto de ação claro “Registre-se no Medium” e um botão verde, que se destaca comparado ao resto do site.
Exemplo 12 – Trello
A Call-to-Action do Trello é bem clara e objetiva, se resume em um texto de ação “Inscreva-se, é grátis!” e um botão verde, que se destaca em relação às outras seções do site.
Exemplo 13 – Wistia
No site da Wistia a regra é igualmente as demais, um texto de ação “Comece seu teste grátis” e um botão laranja, que se destaca em relação às outras seções do site.
Exemplo 14 – Dropbox Paper
No Dropbox Paper a CTA vem é simples e objetiva, com um texto de ação “Experimente o Dropbox Paper” e um botão verde, que se destaca comparado ao resto do site.
Exemplo 15 – Unbounce
A CTA do Unbounce é clara e objetiva, com um texto de ação “Comece seu teste grátis” e um botão verde, que se destaca em relação ao restante do site.
Conclusão
Agora que você conhece as melhores práticas de CTA para sites, pode aplicar essas técnicas em sua própria página e aumentar a taxa de conversão de seu negócio. Lembre-se de utilizar palavras de ação, cores contrastantes, posição estratégica, senso de urgência e testes A/B para identificar a CTA mais efetiva.
Não deixe de utilizar os exemplos poderosos apresentados neste artigo como inspiração para criar sua própria chamada para ação e obter melhores resultados em seu site. Se gostou do conteúdo e pretende aprender mais sobre o assunto, não deixe de visitar nosso blog.
Espero ter ajudado, até a próxima!
