Como criar um e-mail marketing com o Photoshop

Newslatter-Capa
O envio de e-mail marketing é uma excelente estratégia para divulgação de produtos e serviços. Afinal de contas, o e-mail costuma ser usado pela maioria das pessoas ao redor do planeta.

Se você nunca desenvolveu esse tipo de material, preparamos um tutorial nível básico mostrando como criar um e-mail marketing e enviá-lo de forma fácil e rápida. Lembramos que atualmente existem outros formas de gerenciar e-mails desse tipo, como por exemplo o MailChimp. O objetivo aqui é apenas mostrar uma forma simples de divulgar seus trabalhos para seu mailing de clientes.

Passo 1

Após criar o layout sobre o produto ou serviço, você deverá abrir a imagem em seu Photoshop. O ideal é não criar formatos muito grandes para que a imagem seja facilmente visualizada. Neste modelo usamos as dimensões de 600 X 1090 pixels.

Passo 1

Passo 1

Passo 2

Acione a ferramenta Slice (c) e divida a imagem em duas ou três partes. Para fazer as divisões basta arrastar e soltar.

Passo 2.

Passo 2.

Passo 3

Selecione a ferramenta Slice Select (c) e clique duas vezes sobre o ícone presente no canto superior esquerdo da primeira “fatia” e insira as seguintes informações:

  • Name: nomeie cada imagem fatiada de acordo com seu critério.
  • URL: Adicione o site para o qual o cliente será direcionado quando clicar na imagem no e-mail.
  • Target: Utilize _blank para que o link abra em uma nova aba.
  • Alt Tag: Insira um texto alternativo para o caso das imagens não serem carregadas no e-mail do cliente.
  • Repita o procedimento na segunda “fatia” mudando apenas o nome do arquivo.
Passo 3.

Passo 3.

Passo 4

Para salvar o documento selecione File> Safe for Web. Defina Preset – JPEG Hight e selecione as duas imagens. Em seguida escolha uma pasta na sua área de trabalho e clique em Save. Na nova aba escolha a opção HTML and Images.

Passo 4.

Passo 4.

Passo 5

O próximo passo será fazer upload das duas imagens no Photobucket, plataforma para armazenamento e edição gratuita de fotos. Selecione a primeira imagem e perceba que irá abir uma nova página com uma lista de opções para compartilhamento ao lado da imagem. Clique sobre o endereço presente na opção Direct para copiar.

Passo 5.

Passo 5.

Passo 6

O próximo passo será editar o código HTML do seu e-mail marketing antes do envio. Utilize o Bloco de Notas ou um editor de sua preferência. Vamos usar o Notepad++ para a edição do código. Abra o editor e selecione o arquivo HTML salvo anteriormente pelo Photoshop. Provavelmente na linha 12 do seu código há o endereço de uma das partes da imagem fatiada <IMG SRC=”…. Apague o endereço original entre as aspas e cole o endereço que você copiou do Photobucket. Repita o procedimento com a segunda imagem e depois salve o arquivo HTML.

 

Passo 6.

Passo 6.

Passo 7

Arraste o arquivo HTML para o seu navegador e em seguida selecione a imagem (Ctrl + A). Abra o seu gerenciador de e-mails clique em enviar uma nova mensagem e no corpo do e-mail copie a imagem (Ctrl + V).
Feito isso é só selecionar o seu mailing de clientes e enviar para cada um o layout de sua empresa, produto ou serviço.

Passo 7.

Passo 7.

Passo 7 (final).

Passo 7 (final).

Deixe seu comentário e sugestão abaixo!