Envie um e-mail em formato html

Este tutorial ensinará como enviar uma página HTML ou boletim informativo como um e-mail. Como a maioria dos provedores de e-mail oferece suporte a HTML para e-mails, geralmente basta copiar e colar a página ou imagem HTML apropriada em seu e-mail.

Degraus

Parte 1 de 3: Entendendo HTML em um email

Imagem intitulada Enviar e-mails HTML Etapa 1
1. Usar código para leitores de e-mail. Nem todos os leitores de e-mail têm os mesmos recursos que os navegadores da web. Projete seu e-mail para que mais pessoas possam ler a versão HTML de sua mensagem, em vez de ter que reverter para uma versão de texto simples.
  • Traga estrutura usando tabelas.
  • Armazene imagens em um servidor da Web ao vivo ou use imagens de banco de imagens.
  • use `https://` (ou `http://`) em seus links.
Imagem intitulada Enviar e-mails HTML Etapa 2
2. Transmita sua mensagem com texto. Embora seja mais atraente usar cores e gráficos, é provável que alguém em sua lista de e-mails não consiga visualizar seu e-mail em HTML, não importa o quão bem você o tenha projetado. A menos que você realmente precise usar uma imagem, é melhor transferir as informações por meio de texto.
  • Filtros de spam podem bloquear imagens e anexos. Muitas vezes, e-mails muito grandes também são filtrados, o que pode ser aplicado ao seu e-mail se você tiver adicionado muitas imagens ou imagens grandes.
  • Muitos usuários de dispositivos móveis não poderão ver suas imagens de qualquer maneira.
    Imagem intitulada Enviar e-mails HTML Etapa 3
    3. Siga as orientações do governo. Essas diretrizes estão em vigor para proteger os consumidores, mantendo as configurações de privacidade apropriadas e garantindo que o marketing por e-mail seja enviado por empresas legítimas.
  • Forneça uma maneira para as pessoas indicarem que não desejam mais receber seus e-mails. Este pode ser um link de cancelamento de inscrição automático na parte inferior do e-mail. Você também pode fornecer um endereço de e-mail com o qual eles possam entrar em contato para indicar que não receberão mais seu e-mail e serão removidos da lista de e-mails indefinidamente.
  • Inclua o nome da sua empresa e endereço físico para correspondência. Os leitores devem saber que você é um negócio válido e não um scam ou spammer.
  • Verifique se os endereços `De` e `Responder para` são válidos e ativos. Forneça uma maneira para os leitores entrarem em contato com você se tiverem dúvidas ou estiverem interessados ​​em apoiar sua empresa.
  • Escolha uma linha de assunto adequada. Seu assunto deve ser uma descrição concisa do que está no e-mail, não ofertas de vendas inválidas ou publicidade enganosa.
    Imagem intitulada Enviar e-mails HTML Etapa 4
  • 4. Verifique seu e-mail HTML antes de enviá-lo. Depois de adicionar o HTML ao seu e-mail, dê uma olhada no e-mail na íntegra para garantir que as diferentes partes da página estejam sendo exibidas:
  • Verifique se todos os links estão intactos e ativos.
  • Verifique se as imagens e fontes aparecem corretamente.
  • Veja se sua mesa é muito larga.
  • Teste seu e-mail no maior número possível de programas de e-mail.
    Imagem intitulada Enviar e-mails HTML Etapa 5
  • 5. Faça um teste de spam. Envie seu e-mail para si mesmo no maior número possível de endereços de e-mail e para diferentes contatos e, em seguida, envie um e-mail de acompanhamento para verificar se seus contatos receberam seu e-mail.
    Se seu e-mail for enviado para a pasta Spam durante um de seus testes, talvez seja necessário remover itens como imagens e links para páginas que não usam criptografia HTTPS.

    Parte 2 de 3: Copiando e colando conteúdo HTML

    Imagem intitulada Enviar e-mails HTML Etapa 6
    1. Salve seu HTML em um arquivo. Na maioria dos geradores de HTML online, você faz isso clicando no botão `Salvar` ou `Baixar` e seguindo as instruções na tela. Se você estiver usando o processador de texto padrão em um computador Windows ou Mac (Notepad ou TextEdit, respectivamente), salve o HTML em um arquivo da seguinte maneira:
    • janelas - Clique em Arquivo e Salvar como, e digite um nome seguido por .html (por exemplo., `engarrafamento.html`), clique em `Salvar como tipo`, Todos os arquivos, e depois Salve .
    • Mac - Clique em esquema, Converter em texto simples, Clique em OK, Arquivo, Guarda, clique na seta para baixo à direita do campo `Nome`, desmarque a caixa `Ocultar extensão`, substitua `.txt` após o nome por `.html`, clique em Guarda e depois Uso .html quando indicado.
    Imagem intitulada Enviar e-mails HTML Etapa 7
    2. Abra o arquivo em um navegador. Clique duas vezes no seu arquivo HTML para abri-lo no navegador padrão do seu computador.
    Você também pode abrir seu navegador favorito, clicar no arquivo HTML e arrastá-lo para a janela do navegador.
    Imagem intitulada Enviar e-mails HTML Etapa 8
    3. Copie o conteúdo. Clique e arraste o cursor do mouse sobre a página HTML até que tudo esteja selecionado e pressione Ctrl+C (Windows) ou ⌘ Comando+C (Mac).
    Você também pode clicar em qualquer lugar na página e depois Ctrl+uma ou ⌘ Comando+uma pressione para selecionar a página inteira, mas isso pode fazer com que você selecione partes da página que não deseja incluir também.
    Imagem intitulada Enviar e-mails HTML Etapa 9
    4. Abra um novo e-mail em seu cliente de e-mail favorito. Gmail, Outlook, Apple Mail e Thunderbird suportam o envio de e-mails HTML:
  • gmail - Vamos para https://www.gmail.com/, acesse e clique Formular.
  • Panorama - Vamos para https://www.panorama.com/ e faça login, se necessário, e clique em + Nova mensagem.
  • Apple Mail - Vamos para https://www.icloud.com/#mail, acesse e clique .
  • Thunderbird — Abra seu programa de e-mail e clique em Formular.
    Imagem intitulada Enviar e-mails em HTML Etapa 10
  • 5. Habilitar HTML se você estiver usando o Outlook. Embora o Gmail, o Yahoo e o Apple Mail tenham HTML ativado por padrão para seus emails, talvez seja necessário ativar o envio de HTML se estiver usando o Outlook na Web:
  • Clique em `Opções` ou `Configurações` , a engrenagem ou traços no canto superior direito da janela da caixa de entrada.
  • Role para baixo e clique Mostrar todas as configurações ou Avançado
  • Clique na aba E-mail.
  • Clique em Formular
  • Clique no menu Texto simples na parte inferior da janela (se estiver escrito HTML, o HTML já está habilitado para o Outlook).
  • Clique em HTML
  • Clique em Salve  e feche o menu.
    Imagem intitulada Send HTML Emails Step 11
  • 6. Adicionar um destinatário e um assunto. Digite o endereço de e-mail de um destinatário na caixa de texto "Para" na parte superior da janela "Escrever" e adicione um assunto na caixa de texto abaixo.
    Imagem intitulada Enviar e-mails HTML Etapa 12
    7. Cole o texto da sua mensagem. Clique na caixa de texto principal na janela Compose e pressione Ctrl+V. (Windows) ou ⌘ Comando+V (Mac). O conteúdo da página HTML aparece no e-mail exatamente como está formatado na página HTML.
    Imagem intitulada Enviar e-mails HTML Etapa 13
    8. Envie seu e-mail. Clique no botão para isso Mandar na janela Compor. O destinatário receberá sua página HTML como um e-mail.

    Parte 3 de 3: Com Gmail e Chrome

    Imagem intitulada Enviar e-mails HTML Etapa 14
    1. Copie o texto do corpo da página HTML. Se por algum motivo você não conseguir abrir o arquivo HTML em seu navegador, copiar o texto HTML e colá-lo no código-fonte do seu e-mail também funcionará desde que você esteja usando o Gmail no Google Chrome.
    Você deve copiar todo o texto no corpo do texto - incluindo o `
    Imagem intitulada Enviar e-mails HTML Etapa 15
    2. Aberto
    Google Chrome. Este é o único navegador onde você pode colar HTML no Gmail.
  • Imagem intitulada Enviar e-mails HTML Etapa 16
    3. Abra o Gmail. Vamos para https://www.gmail.com/ na barra de endereço do Chrome e digite seu e-mail e senha se precisar fazer login.
    Imagem intitulada Enviar e-mails HTML Etapa 17
  • 4. Clique emFormular. É o botão no canto superior esquerdo da janela do Gmail. Um pop-up aparecerá no meio da janela no Gmail.
    Se você estiver usando uma nova versão do Gmail, clique aqui Formular.
    Imagem intitulada Send HTML Emails Step 18
    5. Adicionar um destinatário e um assunto. Digite o endereço de e-mail de um destinatário na caixa de texto "Para" na parte superior da janela "Escrever" e adicione um assunto na caixa de texto abaixo.
    Imagem intitulada Enviar e-mails HTML Etapa 19
    6. Digite o texto do marcador. No corpo principal da janela Compose, digite uma série de asteriscos, zeros ou outro texto atraente semelhante. Isso ajudará você a encontrar o local necessário no código-fonte.
    Imagem intitulada Enviar e-mails HTML Etapa 20
    7. Abra uma janela de `Inspeção`. Selecione o texto de destaque, clique com o botão direito (ou Ao controle-clique em um Mac) no texto e depois em Inspecionar no menu suspenso que aparece. Um menu deslizante agora deve aparecer no lado direito da página.
    Imagem intitulada Send HTML Emails Step 21
    8. Abra o código selecionado para editar. Clique com o botão direito (ou Ao controle-em um Mac) clique no código destacado em azul na parte superior da janela deslizante e clique em Editar como HTML no menu suspenso resultante.
    Imagem intitulada Send HTML Emails Step 22
    9. Encontre seu texto de destaque e selecione-o. Role para baixo até encontrar o texto destacado em seu e-mail, clique e arraste o cursor do mouse sobre esse texto.
    Certifique-se de não selecionar nada à esquerda ou à direita do seu texto de destaque.
    Imagem intitulada Enviar e-mails HTML Etapa 23
    10. Cole o HTML. Para fazer isso, pressione Ctrl+V (Windows) ou ⌘ Comando+V (Mac). O HTML do seu projeto deve aparecer agora na janela.
    Imagem intitulada Send HTML Emails Step 24
    11. Fechar o menu deslizante. Clique no X no canto superior direito do menu suspenso da janela `Inspecionar` para fechá-la.
    Imagem intitulada Send HTML Emails Step 25
    12. Confira e envie seu e-mail. Veja a apresentação do seu e-mail na janela do Gmail. Se estiver satisfeito com a aparência da página HTML na janela Compose, clique em Mandar clique para entregá-lo ao(s) destinatário(s).

    Pontas

  • Use modelos HTML disponíveis on-line por meio de sistemas de gerenciamento de contatos se você não estiver familiarizado com o código HTML. Eles fornecem uma maneira fácil de enviar mensagens atraentes para seus assinantes de e-mail.
  • Ofereça uma versão em texto simples do seu e-mail HTML para aqueles que não podem ou preferem não visualizar HTML. Dessa forma, você pode alcançar um público mais amplo.
  • Avisos

    • Não copie e cole código de software de processamento de texto. Você provavelmente perderá tags HTML, fazendo com que seu e-mail perca sua estrutura - além disso, muitos filtros de spam de e-mail bloqueiam e-mails copiados de um processador de texto.

    Оцените, пожалуйста статью