O slideshow foi denunciado.
templates de Call-toAction customizáveis
(CTA)

BAIXE GRÁTI
S

C liq u e aq u i

E
COMPR
AGORA
Clique aqui!
Faça o download!
Compre agora!
Confira os nossos produtos!
Todas as frases acima são exemplos de calls-to-act...
CRIE A FORMA
A base de um call-to-action é uma figura, que pode ser de diferentes formatos: círculos, retângulos
com ponta...
ESCOLHA AS CORES DO CTA
Para mudar a cor, clique na figura e em Preenchimento da Forma e escolha uma tonalidade. Ao clicar...
O site Color Scheme Designer pode ajudar
na escolha das cores complementares, que
ficam em posições opostas no círculo
cro...
INSIRA O TEXTO
Calls-to-action devem ter mensagens curtas, porém que definam bem a ação que o usuário irá fazer
ao clicar ...
ESCOLHA A FONTE
Procure optar pela mesma fonte utilizada no corpo do texto do conteúdo da página ou por uma que
seja parec...
INCLUA OUTRA FORMA PARA
DESTACAR A CHAMADA
Você pode incrementar o seu CTA um pouco mais ao incluir uma outra forma para d...
INSIRA UMA IMAGEM
Caso você queira inserir uma ilustração ou mesmo a logo da sua empresa no CTA, vá em Inserir e
em Imagem...
TESTE O SEU CTA NA PÁGINA
Com o call-to-action pronto e inserido na página, faça o teste dos 5 segundos.
Peça para que uma...
Disponibilizamos 10 modelos editáveis de calls-to-action. Você pode usá-los como base para seus
CTAs e editar os textos, c...
INSIRA SEU TEXTO AQUI

INSIRA SEU
TEXTO AQUI

INSIRA SEU
TEXTO AQUI
Para alterar o texto,
basta um “clique duplo"

INSIRA ...
Insira sua marca aqui

INSIRA SEU
TEXTO

SEU TEXTO
Breve descrição
do produto/serviço
ADQUIRA JÁ

Incluir uma breve
descri...
A Resultados Digitais tem como objetivo ajudar negócios de diversos portes a entender
e aproveitar os benefícios do Market...
Próximos SlideShares
Carregando em…5
×

10 templates-de-call-to-action-customizáveis

565 visualizações

Publicada em

Publicada em: Tecnologia
  • Seja o primeiro a comentar

10 templates-de-call-to-action-customizáveis

  1. 1. templates de Call-toAction customizáveis (CTA) BAIXE GRÁTI S C liq u e aq u i E COMPR AGORA
  2. 2. 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. Em tradução literal, call-to-action (CTA) seria “chamada para ação” e é esse mesmo o objetivo do seu uso no marketing digital: induzir que uma ordem seja cumprida pelo visitante. Essas chamadas podem ser banners, botões ou mesmo links em textos. No meio online há várias ações que desejamos que sejam realizadas, como fazer um cadastro para receber newsletter, preencher um formulário, fazer um download, pedir um orçamento, etc. O papel dos CTAs é servir de ponte para essa ação. Cada negócio tem as suas necessidades específicas, mas todos querem 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 e utilizadas de acordo com o que a empresa precisa. Além disso, preparamos um passo a passo de como criar seus próprios CTAs de maneira simples, usando o Power Point. Dessa maneira, você fica livre para escolher usar um modelo pronto ou aprender a fazer calls-to-action da maneira que desejar. Esperamos que goste do material. Boa leitura e mãos à obra!
  3. 3. CRIE A FORMA A 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.
  4. 4. ESCOLHA AS CORES DO CTA Para 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
  5. 5. 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:
  6. 6. INSIRA O TEXTO Calls-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. GANHE COMPRE AGORA 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. 30% DESC. Outra dica é usar números para evidenciar melhor os benefícios da ação. “Ganhe agora 30% de desconto” ou “Compre hoje por apenas R$15 ”são bons exemplos. 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.
  7. 7. ESCOLHA A FONTE Procure 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
  8. 8. INCLUA OUTRA FORMA PARA DESTACAR A CHAMADA Você 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
  9. 9. INSIRA UMA IMAGEM Caso você queira inserir uma ilustração ou mesmo a 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. Confira nosso novo material gratuito 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!
  10. 10. TESTE O SEU CTA NA PÁGINA Com 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.
  11. 11. 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! 10 Atenção: apenas tome cuidado para inserir o link da página de destino nele quando ele for inserido no site da empresa. templates de Call-toAction customizáveis (CTA)
  12. 12. INSIRA SEU TEXTO AQUI INSIRA SEU TEXTO AQUI INSIRA SEU TEXTO AQUI Para alterar o texto, basta um “clique duplo" INSIRA SEU TEXTO Esses botões podem ser usados na home ou outras páginas do site INSCREVA-SE JÁ CLIQUE AQUI PARA TUITAR CLIQUE AQUI COMPARTILHAR Saiba como criar estes links aqui
  13. 13. Insira sua marca aqui INSIRA SEU TEXTO SEU TEXTO Breve descrição do produto/serviço ADQUIRA JÁ Incluir uma breve descrição do produto ou serviço em destaque NOVO EBOOK Incluir uma breve descrição do produto ou serviço em destaque BAIXAR MATERIAL AGORA ASSINE JÁ Esses banners podem ser usados na lateral ou rodapé de blogs
  14. 14. A Resultados Digitais tem como objetivo ajudar negócios de diversos portes a entender e aproveitar os benefícios do Marketing Digital, conseguindo assim resultados reais e permanentes para os seus negócios. Fazemos isso de três formas principais: •Criamos o RD Station, um software completo e integrado para gestão de Marketing Digital em uma única ferramenta. •Temos uma metodologia passo a passo de implementação de Marketing Digital. Oferecemos pacotes de consultoria em cima desta metodologia e do uso efetivo do RD Station. •Produzimos muito conteúdo educativo na área de marketing digial, que disponibilizamos em forma de posts no blog de Marketing Digital, eBooks e Webinars gratuitos e palestras presenciais.

×