Onde editar o código do modelo
Com a linguagem de modelos do Mailchimp, é possível programar um modelo de e-mail dentro da sua própria conta. Saiba como inserir imagens de modelo e encontrar o HTML do seu modelo.
Realize seu trabalho de forma profissional
De treinamentos a marketing completo, nossa comunidade de parceiros pode ajudar você a fazer as coisas acontecerem.
Nota
As informações neste artigo se aplicam apenas ao Criador Clássico. Para saber como usar o novo criador, confira Criar um e-mail no Novo Criador.
Para aprimorar ainda mais o design das suas campanhas de marketing, você pode adicionar uma imagem de plano de fundo a um modelo Code your own (Programe você mesmo) no Template Builder (Construtor de modelos) do Mailchimp.
Modelos HTML são um recurso avançado, recomendado para usuários familiarizados com programação personalizada. Se precisar de ajuda, entre em contato com o desenvolvedor ou contrate um Especialista em Mailchimp.
Neste artigo, você vai aprender como adicionar uma imagem de plano de fundo ao seu modelo HTML personalizado.
Vejamos algumas coisas que você deverá saber antes de iniciar esse processo.
Esse processo usa CSS, HTML e VML para exibir uma imagem e cor de plano de fundo. Você deve colar o nosso código de exemplo no seu modelo e alterar o espaço reservado para a imagem e cor de plano de fundo de acordo com as suas especificações.
Para adicionar uma imagem de plano de fundo a um modelo HTML personalizado, siga estas etapas:
<body>
de abertura para adicionar a cor e a imagem de fundo do espaço reservado:<div style="background-color:#7bceeb;">
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;">
<v:fill type="frame" src="http://www.yoursite.com/yourimages/photo.jpg"color="#7bceeb" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" align="left" background="http://www.yoursite.com/yourimages/photo.jpg" style="background-repeat:no-repeat; background-size:cover;">
Este código exibe URLs e cores da imagem do espaço reservado. Você as substituirá pelas informações de imagem e cor na próxima etapa.
Insira o seguinte código antes da etiqueta <body>
de fechamento.
</td>
</tr>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</div>
Substitua ou edite o restante do código da campanha com o seu próprio HTML personalizado.
Você pode acessar o novo modelo no Criador de Campanhas ou na página Templates (Modelos).
Antes de enviar sua campanha de e-mail, visualize e teste minuciosamente seu modelo e envie alguns e-mails de teste para si mesmo. Para ver como determinados clientes de e-mail exibirão sua imagem de plano de fundo, use a ferramenta Inbox Preview.
Visualizar e testar uma campanha de e-mail
Testar com Inbox Preview
Aqui estão algumas outras dicas para trabalhar com imagens de fundo.
A imagem de plano de fundo não será exibida se as imagens estiverem desativadas na caixa de entrada do destinatário. Por esse motivo, escolha uma cor de plano de fundo que exibirá seu texto corretamente se a imagem de plano de fundo não carregar.
Ao editar seu CSS, verifique se você não possui outras propriedades de plano de fundo em seu código, pois elas podem substituir a imagem de plano de fundo.
Servicio técnico
Está com alguma dúvida?
Os usuários de planos pagos podem fazer login para acessar o suporte via e-mail e chat.
Com a linguagem de modelos do Mailchimp, é possível programar um modelo de e-mail dentro da sua própria conta. Saiba como inserir imagens de modelo e encontrar o HTML do seu modelo.
Este artigo fornece dicas básicas para usar CSS em e-mails HTML.
Limites de imagens variam de acordo com seu modelo do Mailchimp. Veja dicas sobre como usar imagens em diferentes opções de modelos.
These cookies are strictly necessary to provide you with the services and features available through our site. Because these cookies are strictly necessary to deliver the site, you cannot refuse them without impacting how the site functions.
These cookies are used to enhance the functionality and performance of the site. They help us to customize the site and application for you in order to enhance your experience. While these cookies are not needed for a basic website experience, certain functionalities such as personalization and video would become unavailable.
These cookies are used to make advertising messages more relevant to you and your interests. They also perform functions like preventing the same ad from continuously reappearing, ensuring that ads are properly displayed, and in some cases selecting advertisements that are based on your interests.
These cookies collect information to help us understand how the site is being used or how effective our marketing campaigns are. They help us to know which pages are the most and least popular and to see how visitors move around the site. These cookies may be set by us or by third-party providers whose services we have added to our pages.