Quebrar texto em torno de uma imagem

No editor do Mailchimp, você pode quebrar o texto em torno de uma imagem para economizar espaço e aprimorar seu design. Para quebrar o texto em torno de uma imagem, insira a imagem em um bloco de conteúdo de texto e escolha seu alinhamento.

Neste artigo, você aprenderá como quebrar texto em torno de uma imagem.

Antes de começar

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

• Para garantir que sua campanha seja exibida conforme o esperado, use imagens pequenas com uma largura de 100 a 300 pixels.
• Nos modelos de arrastar e soltar, você só pode agrupar o texto em torno de uma imagem nos blocos de conteúdo Texto, Texto em caixa ou Rodapé. Nos modelos HTML personalizados, uma imagem pode ser agrupada em qualquer bloco de conteúdo que inclua uma imagem e um texto.
• Não se esqueça de visualizar e testar a campanha de e-mail depois de quebrar o texto em torno de uma imagem. Alguns clientes de e-mail, como o Outlook, processam a quebra de texto de maneira diferente dos outros clientes de e-mail.

Inserir uma imagem e quebrar o texto

Para inserir uma imagem em um bloco de texto e quebrar o texto, siga estas etapas.

1. Na seção Conteúdo do Construtor de campanhas, clique em Criar e-mail.
   
2. Na etapa Design, clique em um bloco de conteúdo existente ou arraste e solte um novo em seu layout.
3. No painel de edição, clique na área do texto onde você quer colocar a imagem.
4. Clique no ícone Estúdio de conteúdo na barra de ferramentas para escolher uma imagem.
   
   • Para usar uma imagem carregada anteriormente, clique na imagem e em Inserir.
   • Para usar um arquivo do seu computador, clique em Carregar, procure o arquivo desejado e clique em Abrir.
   • Para usar uma imagem salva online, clique no menu suspenso ao lado de Upload (Carregar) e escolha Import from URL (Importar da URL). Insira a URL e clique em Import (Importar).
5. Na tela Edit Image (Editar imagem), clique em Show image style options (Mostrar opções de estilo da imagem).
   
6. Clique no menu suspenso Alinhar (Align) e escolha se deve colocar sua imagem no à esquerda, à direita ou no centro do seu texto.
   
7. Digite um número nos campos Margin (Margem) para adicionar espaço entre sua imagem e o texto quebrado.
   
8. Clique em Salvar & Insert Image (Salvar e inserir imagem).
   

Se você precisar fazer alterações adicionais nas configurações ou margens da imagem, clique duas vezes na imagem no painel de edição.