Email Marketing other than HTML

Asked

Viewed 125 times

0

I am trying to send a martketing email through the platform WEBMAIL - KINGHOST by the hmtl editor

but it comes out very different from what is in html.

below the html code that is working properly.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Natal InCeres 2015</title>
</head>
<body aling="center" style="background:#ffffff; text-align:center; width:100%;height:100%; margin:0px; padding:0px;">
<center>
    <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
        <tr>
            <td>
                <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                    <tr>
                        <td valign="top" style="font-size:10px; color:#494949; text-align:center; font-family: Verdana, Geneva, sans-serif; width:599px; height:50px;">Caso não esteja visualizando corretamente esta mensagem, <a style="color:#8b8b8b;" href="http://www.inceres.com.br/emktnatal2015/email2.html">veja on-line.</a></td>
                    </tr>
                </table>
            </td>
        </tr>
                <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
                    <tr><td widht="599" height="25" style="display:block; float: left;"></td></tr>
                    <tr>
                        <td align="center" bgcolor="#780007" style="display:block; float:left; width: 25px; height:200px;"></td>
                        <td width="549" height="200" bgcolor="#780007">
                            <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
                                A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
                                Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
                                E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos!
                            </font></td>
                        <td bgcolor="#780007" style="display:block; float:right; width: 25px; height:200px;"></td>
                    </tr>
                    <tr><td widht="599" height="30" style="display:block; float: left;"></td></tr>
                </table>
                <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_01.jpg" alt="Natal" width="599" height="60" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_02.jpg" alt="Natal" width="599" height="53" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_03.jpg" alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_04.jpg" alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
                </tr>
        </tr>
    </table>
</center>
</body>
</html>

inserir a descrição da imagem aqui

and here’s the code I’m putting in the kinghost html editor

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Natal InCeres 2015</title>
</head>
<body aling="center" style="background:#ffffff; text-align:center; width:100%;height:100%; margin:0px; padding:0px;">
<center>
    <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
        <tr>
            <td>
                <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                    <tr>
                        <td valign="top" style="font-size:10px; color:#494949; text-align:center; font-family: Verdana, Geneva, sans-serif; width:599px; height:50px;">Caso não esteja visualizando corretamente esta mensagem, <a style="color:#8b8b8b;" href="http://www.inceres.com.br/emktnatal2015/email2.html">veja on-line.</a></td>
                    </tr>
                </table>
            </td>
        </tr>
        <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
            <tr align="center">
                <td width="549" height="200" bgcolor="#780007">
                    <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
                        <br/>  A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
                        Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
                        E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos! <br/>
                    </font></td>
            </tr>
        </table>
        <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_01.jpg" alt="Natal" width="599" height="60" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_02.jpg" alt="Natal" width="599" height="53" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_03.jpg" alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_04.jpg" alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
            </tr>
            </tr>
        </table>
</center>
</body>
</html>

inserir a descrição da imagem aqui

I had to make some changes because if I copied the original, it gets totally wrong.

What is the reason for this difference?

html email

1 answer

2


If you are referring to the alignment of the text, the difference is in the second table:

Incorrect code:

<table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
    <tr align="center">
      <td width="549" height="200" bgcolor="#780007">
        <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
          <br/>  A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
          Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
          E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos! <br/>
        </font></td>
    </tr>
</table>

Correct code:

 <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
    <tr><td widht="599" height="25" style="display:block; float: left;"></td></tr>
    <tr>
      <td align="center" bgcolor="#780007" style="display:block; float:left; width: 25px; height:200px;"></td>
      <td width="549" height="200" bgcolor="#780007">
        <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
          A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
          Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
          E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos!
        </font></td>
      <td bgcolor="#780007" style="display:block; float:right; width: 25px; height:200px;"></td>
    </tr>
    <tr><td widht="599" height="30" style="display:block; float: left;"></td></tr>
 </table>

As you can see in the code correct there are 3 tr whereas in the incorrect there is only one. And as in each of the tr plus, there’s a td, that is, a column, that column before the text column will move it, making it centered.

  • as it looks like the way you spoke: http://imgur.com/UlCJTXQ

  • The first code you posted wouldn’t be the one that was working properly. I understood that it was already good, that you just needed to know what the difference was. Look at the code working in the codepen: http://codepen.io/anon/pen/QyEjEdeditor?s=100

  • I think I expressed myself badly, I wanted to know why the code is working in html and when put to send by Webmail it defaults...

Browser other questions tagged html email

You are not signed in. Login or sign up in order to post.