Como fazer um Banner – Melhor programa para fazer Banner online

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:

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 “Largura e Altura“.

Como iremos focar num banner de apresentação, marque a opção “Animated/Interactive“:

OBS: Sempre que mudar de uma opção pré-moldada a outra, selecione novamente “Animated/Interactive“.

7. Se deseja usar algum formato pré-configurado, basta clicar sobre ele, visualizá-lo e clicar no botão “Comece com este“:

Atenção: não há modelos disponíveis para dimensões personalizadas.

8. 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
  1. 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 e Publicar“:

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 seção “Embutido“, clique dentro do campo e escolha a opção “Uso Gratuito“:

 

 29. Copie o código:

30. Agora COLE o mesmo código dentro de um App HTML no seu site Wix.

Veja um exemplo aqui.

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.

Saiba mais sobre este projeto, aqui.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

X

65 milhões de pessoas, ONGs e empresas já criaram seus sites no Wix. Crie o seu AQUI

¤
Leia mais:
shoutout
Wix ShoutOut – Ferramenta gratuita para Email Marketing

Fechar