Ir para conteúdo
Fórum Script Brasil
  • 0

Código do meu layout de email mkt aparece bugado no gmail


fernandovferreira

Pergunta

Olá pessoal!

Fiz um layout simples de e-mail marketing para prospecção do meu trabalho. Utilizei os "slices" do photoshop para que meus canais de contato e site pudessem ser clicados.

Tentei carregar fazendo ctrl c + ctrl v no corpo de mensagem (após abrir a aba de inspecionar e editar html), tentei na mensagem em si (ex: pegava a parte na inspeção que vinha escrito oi e colava o código); também baixei um extensor de html para gmail e ele ao fazer a prévia ele carregava com o mesmo tipo de erro (retangulo branco com simbolo de imagem que precisava ser carregado).

 

Abaixo o código que utilizei:

<html>
<head>
<title>emm_ff designer_com links</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (emm_ff designer_com links.psd) -->
<table id="Table_01" width="802" height="1781" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="11">
            <img src="images/emm_ff-designer_com-links_01.png" width="801" height="1607" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1607" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="5">
            <img src="images/emm_ff-designer_com-links_02.png" width="29" height="59" alt=""></td>
        <td rowspan="3">
            <a href="https://api.whatsapp.com/send?1=pt_BR&phone=5521983399761">
                <img src="images/contato-whatsapp.jpg" width="264" height="44" border="0" alt=""></a></td>
        <td colspan="8">
            <img src="images/emm_ff-designer_com-links_04.png" width="508" height="3" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="3" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="4">
            <img src="images/emm_ff-designer_com-links_05.png" width="141" height="56" alt=""></td>
        <td colspan="2">
            <a href="https://www.instagram.com/fernandoferreira_designer/">
                <img src="images/instagram-profissional.jpg" width="339" height="39" border="0" alt=""></a></td>
        <td colspan="2" rowspan="8">
            <img src="images/emm_ff-designer_com-links_07.png" width="28" height="110" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="39" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/emm_ff-designer_com-links_08.png" width="339" height="15" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/emm_ff-designer_com-links_09.png" width="264" height="15" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <a href="https://www.behance.net/fernandovferreira">
                <img src="images/behance-criativo.jpg" width="249" height="40" border="0" alt=""></a></td>
        <td rowspan="5">
            <img src="images/emm_ff-designer_com-links_11.png" width="90" height="56" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="7">
            <img src="images/emm_ff-designer_com-links_12.png" width="27" height="114" alt=""></td>
        <td colspan="3">
            <a href="fernandovferreira@gmail.com">
                <img src="images/email-de-contato.jpg" width="364" height="36" border="0" alt=""></a></td>
        <td colspan="3" rowspan="3">
            <img src="images/emm_ff-designer_com-links_14.png" width="43" height="51" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="36" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="images/emm_ff-designer_com-links_15.png" width="364" height="15" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/emm_ff-designer_com-links_16.png" width="249" height="16" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="3">
            <a href="https://fernandovferreira.myportfolio.com/">
                <img src="images/site-portfolio.jpg" width="391" height="41" border="0" alt=""></a></td>
        <td colspan="2">
            <img src="images/emm_ff-designer_com-links_18.png" width="16" height="3" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="3" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/emm_ff-designer_com-links_19.png" width="15" height="60" alt=""></td>
        <td colspan="4">
            <a href="https://www.linkedin.com/in/fernandovferreira/?originalSubdomain=br">
                <img src="images/linkedin-profissional.png" width="358" height="36" border="0" alt=""></a></td>
        <td rowspan="3">
            <img src="images/emm_ff-designer_com-links_21.png" width="10" height="60" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="36" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="2">
            <img src="images/emm_ff-designer_com-links_22.png" width="358" height="24" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/emm_ff-designer_com-links_23.png" width="391" height="22" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="2" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="264" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="98" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="27" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="15" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="249" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="90" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="18" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

 

Se alguém puder me ajudar com isso, dizendo o porque do erro, super agradeço!

 

Att;

 

Fernando Ferreira

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...