Design gráfico em e-mails HTML do Outlook

4

No momento, estamos criando um trabalho artístico no Word e salvando-o como um arquivo HTML. Abrindo um novo e-mail, clicando em Inserir no menu > clicando em "Arquivo" > selecionando o arquivo HTML e escolhendo inserir como texto. O documento do word é então incorporado ao email e podemos criar links em HTML a partir daí.

O problema com este método é que estamos limitados ao que podemos criar visualmente no Word. A obra de arte simplesmente não parece profissional o suficiente e descobrimos que às vezes os cabeçalhos ou rodapés não aparecem ou não permanecem na posição correta.

O que eu gostaria de fazer é começar no Adobe InDesign (o pacote gráfico que usamos). Até agora consegui criar ilustrações no InDesign e criar botões e hiperlinks no InDesign > Exportar como PDF, mantendo os hiperlinks > Salvar como documento HTML > Abrir novo e-mail > Inserir arquivo HTML escolhendo inserir como texto.

O problema com este método é que as imagens se movem, o texto é de tamanhos diferentes, mas no lado positivo, os hiperlinks foram mantidos. Então estou quase lá, mas não completamente. Alguém pode sugerir o que preciso fazer para que o design seja exibido "corretamente" no Outlook.

    
por PhilPursglove 29.07.2009 / 15:51

4 respostas

8

Infelizmente, o suporte notoriamente ruim para HTML do Outlook e-mails, e só piorará .

O que você pode fazer: tentar lidar com a maneira do Outlook de lidar com HTML e CSS.

Um bom guia para entender o que fazer e o que não fazer pode ser encontrado aqui:

por 29.07.2009 / 15:56
2

O suporte a email em HTML está limitado a um pequeno subconjunto de CSS inline.

O InDesign não é uma ferramenta de design da web, você deve usar um fluxo de trabalho de design no photoshop > fatiar e depois construir no dreamweaver se você estiver usando o pacote da Adobe.

Premailer é seu amigo. Essa é uma das ferramentas que o monitor de campanha usa em seus produtos. Com premailer você pode construir sua página normalmente e enviá-la para premailer. Ele irá processá-lo e dizer o que está errado e produzir novos arquivos para você com o css in-line.

Definitivamente, vale uma olhada. Em seguida, teste, teste, teste e teste.

    
por 29.07.2009 / 16:07
0

Uma coleção muito boa de recursos de design de e-mail é postada no site de Mark Brownlow (ele faz um blog sobre tudo que é marketing por e-mail): link

    
por 30.07.2009 / 10:20
0

Crie seu arquivo HTML em qualquer aplicativo que você esteja usando para isso. Em seguida, crie uma assinatura no Outlook. Use a assinatura do e-mail e ele aparecerá como o HTML.

    
por 11.12.2009 / 17:30