O principal objetivo de um banner é bem simples: conseguir cliques. Seu papel é convencer as pessoas a clicarem na oferta que está sendo apresentada. Entenda-se por “oferta”, não necessariamente uma ação de marketing, mas o oferecimento de qualquer produto ou serviço da empresa.
Um banner deve ser sucinto, ter em média de 5 a 10 palavras e uma chamada de ação. O objetivo é unicamente o clique e não para apresentar as características da sua empresa e de seus produtos, pois a persuasão para que o cliente adquira seus produtos ou serviços deverá ser feita na página ou site. Importante destacar que as pessoas dão maior atenção em textos curtos e simples, que não exigem maior tempo ou esforço par ler, logo, a possibilidade de cliques em um banner assim, será maior.
Você pode usar um banner tanto para fazer anúncios em sites ou blogs relacionados ao seu negócio, como também usá-los em seu próprio site, focando numa oferta.
E como fazer um banner?
Depois dessa breve introdução sobre a função de um banner, vejamos o passo-a-passo de como fazer um banner gratuitamente, sem baixar e instalar programas no computador e sem a necessidade de maiores conhecimentos em programação ou softwares, como Adobe Flash ou Photoshop.
BannerSnack – Melhor programa para fazer banner
Este é um site que oferece serviços gratuitos para a criação de banners profissionais, em diversos formatos e dimensões. O diferencial do BannerSnack é que todos os recursos são liberados, mesmo para aqueles criados numa conta grátis. Outra vantagem é que o aplicativo agora está em português-br, o que facilita e muito a nossa interação com sua interface.
Marca d’agua
Para compensar todas esses benefícios incríveis sendo disponibilizadas gratuitamente, o BannerSnack imprime uma marca d’água em todos os banners que são criados. Somente assinando um pacote premium é possível remover a marca.
Confira um exemplo em um site Wix aqui.
Os valores mais baratos são $144 dólares por ano ou $32 dólares por mês.
Veja outro exemplo aqui.
Criando o banner
Finalmente vamos aos passos:
1. Acesse aqui o site da BannerSnack.
2. Clique no botão “Crie um Banner“.
3. Nessa página, você poderá escolher um perfil social para se cadastrar no site.
A opção “Entrar com e-mail” permite se cadastrar usando seu email.
4. Escolha um perfil e prossiga com o cadastro:
5. Aceite os termos do aplicativo. Em seguida clique na opção ‘Crie um banner‘:
6. Ao aceitar, o construtor será aberto.
Escolha alguma dimensão pré-definida como “Cabeçalho”, “Retângulo Médio”, etc. Caso queira personalizar o tamanho do banner, defina seus valores em “Tamnho Personalizado“:
7. Selecionando uma opção, o editor será aberto. Não se assuste com a quantidade de opções do aplicativo, ele é bem intuitivo e sua interface em português facilita o manuseio.
Agora veremos cada parte na prática da criação do banner em si.
Adicionando um texto
9. Clique no ícone Texto:
Arraste-o para um local desejado e clique duas vezes dentro do campo, para editar o texto.
Estilos do Texto
10. Para mudar a fonte, cor, tamanho, alinhamento, dimensões e outros, basta acessar as Propriedades do Texto na barra lateral.
O estilo Opacidade vai transformando um elemento em transparente, quanto mais o seu valor for diminuído.
Imagem
11. Para adicionar uma imagem no banner, clique no ícone Imagem e selecione imagens do seu computador:
Estilos da imagem
12. Para personalizar os estilos da imagem, como tamanho, rotação, opacidade, sombreamento e outros, acesse as Propriedades da Imagem:
Cliparts
13. O BannerSnack oferece alguns cliparts para implementar a apresentação do banner. Para inserir, clique no ícone Clipart.
Use os pontos nos cantos do elemento para aumentar ou diminuir o clipart, mantendo o botão esquerdo pressionado e arrastando para o lado. Rotacione (gire) 0 clipart passando o mouse no ponto até ele virar uma seta bidirecional, arraste para girar.
OBS 2:Essa dica é válida para qualquer elemento.
Botão
Os botões têm uma função essencial no Banner: chamar a ação para si e estimular o clique, apesar de o banner todo poder ser clicável.
14. Para inserir, clique no ícone Botão e escolha um estilo:
Estilos
15. Escolha a fonte, cores, rótulo, sombreamento, tamanho e outros em Propriedades.
Vídeo
16. É possível adicionar vídeos no banner, um recurso que está muito comum atualmente. Clique no ícone Vídeo:
Estilos do Vídeo
17. Redimensione o tamanho do vídeo e adicione a URL do vídeo no Youtube, assim como o volume e outras configurações.
Como adicionar Links
18. Para adicionar links isolados, isto é, em um elementos específico, clique na guia “Ações” e insira o link da página anunciada:
- GoToURL ou ClickTag – Opção para adicionar uma URL de um site ou página.
- GoToSlide – Essa opção levará o link para um Slide dentro do próprio banner, ideal para setas de “próximo” e “anterior”.
19. Opções de links da GoToURL:
- _embranco – O link será aberto em uma nova guia do navegador.
- _eu – Será aberto dentro do frame onde o link foi criado.
- _parente -Será aberto dentro de um frame.
- _topo – Será aberto na mesma guia. Essa opção é a ideal para abrir dentro de um site Wix.
Como adicionar Efeitos
Deixei para falar dos efeitos por último, porque o caminho é o mesmo, independente do elemento ser imagem, texto, clipart, botão ou outro.
Efeitos de entrada
20. Clique sobre o elemento que deseja adicionar a animação e na Barra lateral, clique na guia “Aparecer“.
21. Para mudar um efeito ou adicionar um novo, clique no botão “Escolher efeito” ou sobre o efeito que estiver atualmente.
22. Agora escolha um efeito. Ao passar o mouse é possível ter uma pequena pré-visualização de cada um. Para escolher, basta clicar sobre ele:
23. Agora existe um certo número de configurações. As mais importantes são:
- Duração – é o tempo em segundos que o efeito irá durar.
- Atraso – tempo que o efeito vai demorar para iniciar.
Efeitos de Saída
24. Clique na guia “Sumir” para adicionar efeitos de saída.
Siga os mesmos passos dos Efeitos de Entrada, para escolher o efeito e fazer as configurações.
Configurações gerais do Banner
- Duração de um Slider
- Clique fora do slider, na parte cinza, e defina um valor para o campo duração (em segundos):
Para cada Slide você deverá escolher um tempo.
A opção “Parar slide” não permite que o banner fique repetindo automaticamente.
- Transições
As transições são os efeitos que aparecem entre um Slider e outro, semelhante aos efeitos do Power Point.
Escolha o efeito, a duração e o tipo.
25. Clique na opção “Configurações“, para alterar outros detalhes.
- Fundo e Propriedades
Essa opção define um fundo para o banner. É possível ter o fundo transparente, basta escolher a opção “Nenhum“:
- Aços de Clique
Opção onde você poderá adicionar um link que será clicável em todo o banner.
Salvar e Publicar
26. Finalmente, para salvar e publicar seu Banner, clique no botão “Salvar“.
27. Dê um nome ao banner e insira a URL que irá direcionar:
Copiando o código HTML do banner
28. Para adicionar o banner na sua página, aguarde o processo terminar e na página seguinte, clique no banner pronto e vá na seção “Embed“:
29. Na tela seguinte, copie o código:
30. Agora COLE o mesmo código dentro de um App HTML no seu site Wix.
Como editar um banner já publicado?
Basta acessar o BannerSnack, entrar com a MESMA conta que fez o banner e clicar na guia “Meu BannerSnack“.
É isso.
Havendo qualquer dúvida, comente.