Entrar Ainda não tem acesso?
14
respostas

Enviar e-mail em html pelo Gmail ou Zohoo

por sessomkt
| 6.1k xp | 10 posts

Eu fiz a aula de e-mail marketing mas estou com dificuldade na hora de enviar o e-mail em html . Quando insiro o html não aparece as imagens no corpo do e-mail. Como faço para inserir as imagens no código ? Já fiz todos os procedimentos do curso usando o Photoshop e Dreamweaver , faltou só o professor explicar como enviamos o e-mail.

<html>
<head>
<title>email mkt grooh </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (email mkt grooh.psd) -->
<table align="center" id="Tabela_01" width="641" height="2201" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="10">
            <img style="display: block;"  src="imagens/email-mkt-grooh_01-topo-logo.png" width="305" height="132" alt="" align="center"></td>
        <td colspan="3">
            <img style="display: block;"  src="imagens/email-mkt-grooh00_02.png" width="18" height="132" alt=""></td>
        <td colspan="6">
            <a href="#"
                onmouseover="window.status='serviços';  return true;"
                onmouseout="window.status='';  return true;">
                <img style="display: block;"  src="imagens/email-mkt-grooh_03-topo-servi&#xe7;os.png" width="294" height="132" border="0" alt="servi&#231;os - business TV e Redes Sociais promo&#231;&#227;o"></a></td>
        <td colspan="3" rowspan="5">
            <img style="display: block;"  src="imagens/email-mkt-grooh00_04.png" width="23" height="398" alt=""></td>
        <td>
            <img style="display: block;"  src="imagens/spacer.gif" width="1" height="132" alt=""></td>
14 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Sessomkt, tudo bem? Para que as imagens sejam visiveis no email você vai precisar subir elas em algum hospedador de imagens ou em algum cloud para que a mesma possa ser baixada de forma publica.

Se for optar por subir em hospedadores recomendo o Cloudinary:

https://cloudinary.com/

O bom dessa abordagem é não se preocupar em desenvolver o processo de upload e download.

Se for implementar você mesmo, vai precisar de uma linguagem back-end, servidor e um cloud.

Espero ter ajudado.

por sessomkt
| 6.1k xp | 10 posts

Obrigado Matheus

Achei que fosse mais simples ! Estou ainda aprendendo em mexer com HTML. Entrei no hospedador de imagens mas ainda não entendi como isso vai mudar no código na hora de inserir o HTML no e-mail. Alguém consegue me mostrar o passo a passo ?

por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Fala aí Sessomkt, tudo bem?

Você pode usar o imgur também, não precisa de conta para fazer upload das imagens depois é só copiar o link da imagem e colocar no código. Mas as imagens ficam públicas .

Dessa forma:

<img src='https://i.imgur.com/XF4GVKu.png'>

Espero ter ajudado!!!

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Basicamente você vai subir a imagem e pegar a URL dela Sessom, pode parecer complexo, mas, é bem simples.

Espero ter ajudado.

por sessomkt
| 6.1k xp | 10 posts

Olá André e Matheus eu consegui fazer IMGUR quando colo no código esse link ele esta aparecendo no e-mail mas ainda não resolvi o meu problema porque quando envio por e-mail o HTML e clico na imagem ela deveria me direcionar para onde eu salvei na web ( no caso o meu site ) e não abrir as imagens no site do IMGUR.

Como consigo fazer com que as imagens abram no link de acordo como fatiei elas no Photoshop?

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Ai você pode estar criando um a e como filho dele poe as imagens:

<a href="seu-link">
    <img alt="descrição" src="imagem">
</a>

Espero ter ajudado.

por sessomkt
| 6.1k xp | 10 posts

Ainda não consegui resolver isso , a imagem agora não esta abrindo em nenhum link.

Vou colocar um exemplo de como eu fiz usando o imgur

<a href="http://www.grooh.tv>

por sessomkt
| 6.1k xp | 10 posts

Ainda não consegui resolver isso , a imagem agora não esta abrindo em nenhum link.

Vou colocar um exemplo de como eu fiz usando o imgur

<a href="http://www.grooh.tv>

por sessomkt
| 6.1k xp | 10 posts
<a href="http://www.grooh.tv><a href="https://imgur.com/kX75MPL"><img src="https://i.imgur.com/kX75MPL.png" title="source: imgur.com" width="305" height="132" alt="" align="center"></td>
        <td colspan="3">
por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Você pode fazer assim:

   <a href="http://www.grooh.tv">
        <img src="https://i.imgur.com/kX75MPL.png"  width="305" height="132" alt="" align="center">
    </a>

Ou já que tem um site usar própria imagem do site ao invés de pegar no imgur.

    <a href="http://www.grooh.tv">
        <img src="https://www.grooh.tv/Assets/img/GroohTV/Header/logoneg1.png"  width="305" height="132" alt="" align="center">
    </a>
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Repare que você está usando dois a para mostrar a imagem.

Deveria ser apenas um como o André te mostrou.

Abraços

por sessomkt
| 6.1k xp | 10 posts

Obrigado , acho que eu consegui agora

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Maravilha Sessom, fico feliz por isso.

Não deixe de marcar o tópico como solucionado para que possa ajudar outros alunos com problemas iguais ou parecidos.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

por André Victor Ruiz Pedroso
| 2101.7k xp | 3838 posts
Moderador Analista Pleno

Disponha e bons estudos!!!