Fale Conosco

Foco Digital

Email Marketing do Photoshop para o HTML 4

Email Marketing

Email Marketing do Photoshop para o HTML 4

[ Uso interno ] Esse video mostra como faço para criar o código de um E-mail Marketing partindo do Photoshop. Para maior compatibilidade com Outlook, Yahoo mail, Gmail, Roundcube, Utilizo sempre essas configurações:

1) Recortar no photoshop em colunas, depois linhas.
2) Exportar as imagens/html e aloco no servidor
3) Criar um html em 4.0
4) Criar uma tabela 1×1 que terá os aspectos do Body
5) Copiar o (table) do codigo gerado pelo photoshop e importo no codigo do meu html 4
6) Colocar em todas as imagens: Style Display Block
7) Alterar o images/ para o endereço hospedado
8) Bloquear os tamanhos mínimos da celula, copiando wifht height da imagem, e colando no (td)
9) Atribuir backgrounds nas celulas
10) Remover as imagens que terão textos editáveis
11) Colocar os textos nas células, formatando-os in-line ( nao usando CSS )
12) Salvar, importar no seu software de email e enviar
13) Testar o recebimento no mobile ( também no dark mode )
14) Fazer ajustes necessários.

Clique Para Comentar

Leave a Reply

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

To Top
plugins premium WordPress