14
templates de Call-to- Action customizáveis (CTA)

10 Templates de Call-to-action Customizáveis

Embed Size (px)

Citation preview

templates de Call-to-Action customizáveis (CTA)

Clique aqui! Faça o download!Compre agora! Confira os nossos produtos! Todas as frases acima são exemplos de calls-to-action que comandam uma ação para o usuário. Emtradução literal, call-to-action (CTA) seria “chamada para ação” e é esse mesmo o objetivo do seu uso nomarketing digital: induzir que uma ordem seja cumprida pelo visitante. Essas chamadas podem serbanners, botões ou mesmo links em textos.

No meio online há várias ações que desejamos que sejam realizadas, como fazer um cadastro parareceber newsletter, preencher um formulário, fazer um download, pedir um orçamento, etc. O papel dosCTAs é servir de ponte para essa ação. Cada negócio tem as suas necessidades específicas, mas todosquerem que os usuários compreendam quais são elas e realizem essas ações.

Criar CTAs consome muito tempo e pode ser algo complicado para quem não tem talento para o design.Por esse motivo, disponibilizamos nesse eBook 10 opções de templates que podem ser customizadas eutilizadas de acordo com o que a empresa precisa. Além disso, preparamos um passo a passo de comocriar seus próprios CTAs de maneira simples, usando o Power Point. Dessa maneira, você fica livre paraescolher usar um modelo pronto ou aprender a fazer calls-to-action da maneira que desejar.

Espero que goste do material. Boa leitura e mãos à obra!

CRIE A FORMAA base de um call-to-action é uma figura, que pode ser de diferentes formatos: círculos, retângulos com pontas quadradas ou arredondadas, quadrados, formato de uma seta ou de uma etiqueta, etc.

Para criá-la, clique em Inserir > Formas e selecione a figura que desejar.

Para aumentar ou diminuir o tamanho da forma, basta selecionar com o mouse uma das arestas indicadas com os pontos claros e arrastar a forma até o tamanho desejado.

ESCOLHA AS CORES DO CTAPara mudar a cor, clique na figura e em Preenchimento da Forma e escolha uma tonalidade. Ao clicar em Contorno da Forma você pode mudar a cor e o tamanho da linha de contorno do seu CTA e na opção Efeitos de Forma, inserir sombra, reflexo, brilho e etc.

Porém, antes de definir qual cor usar, é muito importante levar em consideração o tom predominante na página onde ela será inserida e, a partir dela, escolher uma cor que garanta a harmonia

O site Color Scheme Designer pode ajudar na escolha das cores complementares, que ficam em posições opostas no círculo cromático e garante uma harmonia visual.Basta inserir o código RGB da cor do seu site para descobrir a cor complementar exata. Além disso, ele mostra as variações de tom, mais escuros ou mais fortes, que também podem auxiliá-lo na criação do seu CTA.

Para encontrar o código RGB predominante na página, use o ColorPick Eyedroper

Essa ferramenta disponível no Chrome ajuda a descobrir facilmente o código de cor de qualquer elemento da página. Basta posicionar o cursor sobre uma parte colorida da tela:

INSIRA O TEXTOCalls-to-action devem ter mensagens curtas, porém que definam bem a ação que o usuário irá fazer ao clicar sobre o botão. Use verbos no imperativo: baixe o material, assine nossa newsletter, peça uma versão trial, etc.

Para criar o texto, é fácil: clique em Inserir e em Caixa de Texto. Depois basta abrir a caixa de texto dentro da figura e digitar a sua mensagem.

Um fator que costuma funcionar bem é a urgência. Frases como “compre agora” ou “receba hoje”mostram o quão fácil e imediata é a ação.

Outra dica é usar números para evidenciar melhor os benefícios da ação. “Ganhe agora 30% de desconto” ou “Compre hoje por apenasR$15 ”são bons exemplos.

COMPRE AGORAGANHE 30% DESC.

ESCOLHA A FONTEProcure optar pela mesma fonte utilizada no corpo do texto do conteúdo da página ou por uma que seja parecida. Desta forma não há risco de destoar do resto da página e facilita a leitura pelo usuário. Na dúvida, aposte na básica Arial e deixe o destaque por conta da cor.

Para escolher a fonte, selecione o texto, altere a fonte e o tamanho do texto. É indicado que ela seja um pouco maior do que a utilizada nos demais textos da página.Uma fonte grande demais só vai prejudicar a beleza da página. Confie que os demais elementos do CTA já chamarão a atenção do usuário.

Confira nosso novo material gratuito

INCLUA OUTRA FORMA PARA DESTACAR A CHAMADAVocê pode incrementar o seu CTA um pouco mais ao incluir uma outra forma para destacar a ação. Pode ser uma seta ou mesmo uma forma que dê a ideia de uma, como na figura abaixo:

Para inserir essa forma, faça o mesmo passo a passo para criar uma figura: clique em Inserir e em Formas. Há várias opções de figuras que você pode escolher. Em seguida, crie a forma dentro do seu CTA:

Confira nosso novo material gratuito

Confira nosso novo material gratuito

INSIRA UMA IMAGEMCaso você queira inserir uma ilustração ou mesmo o logo da sua empresa no CTA, vá em Inserir e em Imagem. Busque o arquivo em seu computador, clique nele e no botão Inserir.

Agora que o seu CTA está pronto, é preciso agrupar todas as partes da imagem. Selecione todos os elementos criados, com o botão direito do mouse clique na opção Agrupar. Isso fará o CTA se tornar um elemento só. Depois, ainda com o botão direito do mouse, clique em Salvar como Imagem.

Agora o seu CTA está finalizado e salvo, pronto para ser colocado em seu site com o link da página de destino da ação!

TESTE O SEU CTA NA PÁGINACom o call-to-action pronto e inserido na página, faça o teste dos 5 segundos.Peça para que uma pessoa abra a página do seu site e após 5 segundos, minimize o navegador. Pergunte o que ela se lembra que havia lá. Se ele não mencionar o seu CTA, é recomendável reavaliar a sua imagem.

Disponibilizamos 10 modelos editáveis de calls-to-action. Você pode usá-los como base para seus CTAs e editar os textos, cores e tamanhos à vontade (siga os passos do capítulo anterior para saber como fazer essas alterações).

Após editar o seu CTA, selecione todos os itens da figura e com o mouse direito clique em Agrupar. Após isso, clique também no mouse direito em Salvar como Imagem. Seu CTA está pronto para ser usado!

templates de Call-to-Action customizáveis (CTA)

Atenção: apenas tome cuidado para inserir o link da página de destino nele quando ele for inserido no site da empresa.

INSIRA SEU TEXTO AQUI

INSIRA SEU TEXTO AQUI

INSIRA SEU TEXTO AQUI

Para alterar o texto, basta um “clique duplo"

INSIRA SEU TEXTO INSCREVA-SE JÁ

CLIQUE AQUI PARA TUITAR

CLIQUE AQUI COMPARTILHAR Saiba como criar estes

links aqui

Esses botões podem ser usados na home ou outras páginas do site

INSIRA SEU TEXTO

ASSINE JÁ

Incluir uma breve descrição do produto

ou serviço em destaque

ADQUIRA JÁ

SEU TEXTOBreve descrição

do produto/serviço

BAIXAR MATERIAL AGORA

Incluir uma breve descrição do produto ou serviço em destaque

NOVO EBOOK

Insira sua marca aqui

Esses banners podem ser usados na lateral ou

rodapé de blogs