Adicionar uma imagem de plano de fundo a uma campanha

Deixe o seu marketing ainda melhor e adicione uma imagem de fundo aos seus e-mail de marketing ou páginas de destino.

Neste artigo, você aprenderá como adicionar imagens de plano de fundo a e-mails e páginas de destino.

Antes de começar

Algumas coisas que você deve saber antes de iniciar esse processo:

• Este artigo mostra como adicionar uma imagem de plano de fundo ao nosso novo criador e ao criador legado. O novo criador funciona para e-mails inteiros, enquanto o criador herdado funciona para seções de e-mail e páginas de destino.
• Os modelos de e-mail do Mailchimp têm 600 a 660 pixels de largura, por isso é melhor usar imagens com um intervalo de 660-1320 pixels. Confira nossas recomendações de imagens para dicas de design de imagens.
• Como nossos modelos de arrastar e soltar são para dispositivos responsivos, recomendamos que você adicione uma imagem de fundo a uma seção de conteúdo com uma única coluna. Imagens de fundo em seções de conteúdo de várias colunas podem aparecer distorcidas em dispositivos móveis.

Sobre imagens de plano de fundo

As imagens de plano de fundo podem ser usadas para criar um padrão de plano de fundo repetido ou para exibir uma imagem completa por trás do seu conteúdo. Aqui estão suas opções para imagens de plano de fundo.

• No novo criador, adicione uma imagem de plano de fundo ao e-mail inteiro.
• No criador herdado, adicione uma imagem de plano de fundo às seções de cabeçalho, corpo e rodapé de um e-mail. Para adicionar uma imagem de plano de fundo a todo o e-mail no Criador herdado, use um modelo de e-mail HTML personalizado.
• No Criador herdado, adicione uma imagem de plano de fundo a toda a página de destino ou às seções de cabeçalho, corpo, detalhes e rodapé.

Imagens de plano de fundo em e-mails

Os clientes do Outlook têm suporte limitado para imagens de plano de fundo em e-mails. Os e-mails criados no novo criador têm mais probabilidade de exibir imagens de plano de fundo em clientes do Outlook do que os e-mails criados no criador antigo. Se quiser que uma imagem de fundo seja exibida no Outlook, recomendamos que você use um modelo HTML personalizado.

Imagens de fundo em páginas de destino

Imagens de fundo maiores ficarão mais limpas em telas maiores, mas recomendamos manter as imagens entre 1500-2500 pixels de largura. A altura recomendada da imagem depende da quantidade de conteúdo na sua páginas de destino, mas é importante ter em mente que imagens maiores podem deixar a página mais lenta.

Adicionar uma imagem de plano de fundo a um e-mail inteiro no Novo Criador

Escolha uma imagem para exibir no plano de fundo de todo o seu e-mail. Se um cliente de e-mail não for compatível com imagens de plano de fundo, exibiremos uma cor de plano de fundo.

Para adicionar uma imagem de plano de fundo a um e-mail no Novo Criador, siga estas etapas:

1. Clique na guia Estilos no novo criador.
   
2. Clique no menu suspenso Email (E-mail) .
3. Na seção Imagem de plano de fundo, arraste e solte sua imagem de plano de fundo ou clique em Procurar para escolher uma imagem no Estúdio de conteúdo.
4. Após adicionar sua imagem de plano de fundo, use o menu para escolher seu Size (Tamanho), Position (Posição) e se deseja Repeat (Repetir).

Sua imagem será adicionada ao plano de fundo de todo o e-mail.

Adicionar uma imagem de plano de fundo a seções de e-mail ou páginas de destino no criador herdado

As imagens de plano de fundo podem ser adicionadas às seções de e-mail no Criador herdado. Use o novo criador ou um modelo](/help/add-a-background-image-to-a-custom-html-template/) de e-mail HTML [personalizado para aplicar uma imagem de plano de fundo a todo o e-mail.

Para adicionar uma imagem de plano de fundo a seções de e-mail ou uma página de destino no criador herdado, siga estas etapas.

1. Clique na guia Estilo no Criador herdado.
   
2. Clique na seção em que gostaria de adicionar uma imagem de plano de fundo.
3. Em Background (Fundo), clique em Add an image instead (Prefiro adicionar uma imagem) para abrir o Estúdio de Conteúdo. Faça upload de uma nova imagem do seu computador, escolha uma imagem existente no Estúdio de Conteúdo ou importe uma imagem de um endereço da web.
   
4. Clique em Editar para estilizar e fazer alterações na imagem no editor de fotos.
   
5. Quando terminar de fazer alterações no editor de fotos, clique em Salvar para voltar ao criador antigo.
6. Clique no menu suspenso Tamanho e escolha o tamanho desejado da sua imagem.
   
   
   • Escolha Auto para exibir a imagem no tamanho real.
   • Escolha Capa para preencher a largura de toda a seção. Isso funciona melhor para imagens maiores com conteúdo centralizado. A imagem pode ficar cortada quando visualizada em diferentes dispositivos.
   • Escolha Conter para dimensionar a imagem para um tamanho que se ajuste à altura dentro do recipiente, para que toda a imagem de plano de fundo possa ser visualizada em qualquer dispositivo.
7. Clique no menu suspenso Posição e escolha alinhar sua imagem com a parte superior, central ou inferior da seção.
8. Clique no menu suspenso Repetir e escolha o padrão de repetição da sua imagem.
   
   
   • Escolha Nenhum para que sua imagem seja exibida apenas uma vez.
   • Escolha Horizontal para repetir a imagem de cima para baixo.
   • Escolha Vertical para repetir a imagem da esquerda para a direita.
   • Escolha Ambos para colocar a imagem em blocos em ambas as direções.
9. Escolha uma cor de fallback para exibir em clientes que não são compatíveis com imagens de plano de fundo. Escolha uma cor que permita a exibição correta do texto.
10. Clique em Salvar.

Depois de estilizar sua imagem de plano de fundo, você pode adicionar qualquer bloco de conteúdo de arrastar e soltar sobre a imagem de plano de fundo em seu layout. É melhor usar mensagens claras e curtas em seções com imagens de plano de fundo, como um bloco de imagem que contém seu logotipo, um bloco](/help/use-text-content-blocks/) de [texto que promove sua marca ou um botão que vincula à sua loja on-line ou site.

Dicas de estilo

• Em caso de dúvida, use uma imagem simples e centralizada em um bloco de conteúdo.
• Adicione preenchimento na parte superior e inferior de cada seção para controlar a posição do bloco de conteúdo.
• Por padrão, o menu suspenso Repetir é definido como Nenhum, o que é melhor para imagens maiores. Se você tiver uma imagem menor e quiser criar um efeito padronizado, escolha Horizontal, Vertical ou Ambos.

Imagens de plano de fundo de e-mail de teste

Recomendamos sempre que você visualize e-mails criados no Mailchimp e teste seu design. As imagens de fundo não são compatíveis com todos os clientes de e-mail e, por isso, é importante enviar alguns e-mails de teste para você mesmo. Para ver como uma ampla variedade de clientes de e-mail exibirá sua imagem de plano de fundo, use nossa ferramenta Inbox Preview.