O Editor arrastar e soltar [Novo] torna fácil criar e-mails de aparência profissional. Ele oferece mais opções para personalizar seu e-mail e também garantir que seu e-mail pareça perfeito em qualquer provedor de e-mail e dispositivo.

Neste artigo, vamos nos aprofundar em como usar os blocos de conteúdo em seus e-mails e como alterar suas configurações.

Dividimos os artigos sobre o Editor arrastar e soltar [Novo] nas seguintes partes:

• Parte 1: visão geral do editor
• Parte 2: blocos de layouts x de conteúdo
• Parte 3: como usar os blocos de conteúdo? - VOCÊ ESTÁ AQUI
• Parte 4: como configurar o estilo do design para todo o seu e-mail
• Parte 5: como salvar blocos para usar novamente em suas campanhas
• Parte 6: como editar e-mails em modo móvel
• Parte 7: como restaurar, pré-visualizar, testar e salvar o design da campanha

Dica

Você pode configurar sua Biblioteca de marca, de modo que cada novo modelo selecionado por você herde as propriedades de sua marca, como logo, cores, fontes, e links de redes sociais. Além disso, para economizar tempo, a Biblioteca de marca permite que você mantenha a consistência de marca do seu e-mail. Para saber mais, consulte nosso artigo dedicado Crie automaticamente seus e-mails com os ativos de sua marca usando a Biblioteca de marca.

Título e texto

Barra de ferramentas de formatação de texto

Selecione o bloco de conteúdo Texto ou Título no criador de desgin para exibir a barra de formatação de texto no topo do bloco com as seguintes opções:

Cores Remover formato Personalização Inserir links

As cores usadas em seu modelo serão agora salvas no seletor de cor. Você sempre pode remover uma cor salva, selecionando um texto com esta cor, clicando no seletor de cor e então em Remover cor. Ela pode levar alguns minutos para desaparecer.

💡 Dica

Adicionamos as Cores de sua marca aos seus modelos!
Usamos o API Brand Fetch para obter todas as informações disponíveis sobre sua marca e preencher automaticamente logotipo, cores e mídias sociais, se disponíveis, para personalizar todos os 4 layouts básicos dos modelos.

Você pode remover facilmente a formatação de um texto selecionado, clicando no ícone Remover formato:

Clique em 👤 inserir uma personalização em seu texto, como o primeiro nome de seus destinatários, por exemplo.
Para mais informações, veja como personalizar seu texto usando atributos de contato.

Para inserir um link em seu texto, selecione o texto, clique no ícone Link, ou prima ⌘ ou Ctrl + K, e preencha os dados na janela  Inserir/editar link. O título do Link é o pop-up que aparece quando você passa o mouse sobre o link.

Você pode selecionar diferentes tipos de links:

• Link absoluto (URL)
  Esta é a opção básica para os links; escolha-a para adicionar uma URL.
• Visualizar em um navegador
  O link espelho pode ser acrescentado ao cabeçalho de suas campanhas. Este é um link que os destinatários podem clicar se tiverem problemas em visualizar seus e-mails em suas caixas de entrada e quiserem abrir seu e-mail como uma página da internet. Não é obrigatório ter um link espelho em suas campanhas.
  ➡️ Para mais informações, consulte nosso artigo dedicado sobre links espelhos.
• Cancelar inscrição
  O link para cancelar inscrição é automaticamente adicionado ao rodapé em suas campanhas. Este é um link que os destinatários podem clicar para abrir sua página de cancelamento de inscrição Brevo e parar de receber seus e-mails. Ter um link de cancelamento de inscrição em suas campanhas é obrigatório, uma vez que é essencial para seus contatos e para o funcionamento adequado de suas campanhas.
  ➡️ Para mais informações, consulte nosso artigo dedicado sobre link de cancelamento de inscrição.
  
• Atualizar suas preferências
  A Brevo oferece um Formulário de atualização do perfil para ajudar você a coletar informações atualizadas sobre seus assinantes, como seus dados, preferências e até mesmo em que listas eles querem ser inscritos. Recomendamos incluir um link para este formulário no rodapé de todos os seus e-mails para ajudar os assinantes a compartilharem suas preferências com você.
  ➡️ Para mais informações, consulte nosso artigo dedicado sobre links para atualizar o perfil.
  
  💡 Dica

  Esta opção será adicionada automaticamente quando você selecionar um formulário em Campanha > Configurações avançadas > Usar um formulário personalizado de atualização do perfil, como explicado aqui.
  Se esta opção estiver acinzentada, você precisa ativar esta opção em Campanhas > Configurações avançadas. Se estiver usando um modelo, você precisa adicionar manualmente o link para o formulário para Atualizar suas preferências.
  
• Link de e-mail (mailto)
  Adicionar um link a um endereço de e-mail.
• Clique para ligar para um número de telefone
  Adicionar um link para um número de telefone.
• Âncora para links relativos
  Crie uma âncora em algum lugar em sua campanha e então use a opção link relativo para vincular a esta âncora.
• Link relativo (para âncoras)
  Uma vez criado sua âncora em sua campanha, use esta opção para vincular à âncora.
  Por exemplo, volte para uma parte específica da newsletter na parte de cima da página.

Para remover ou atualizar um link, coloque seu cursor no link, clique no ícone Link para exibir os botões Remover e Atualizar.

Configurações do painel esquerdo

Mesmo bloco, diferente formatação

Clique no bloco Texto para exibir o painel à esquerda com configurações adicionais similares àquelas disponíveis na aba Design. 
Para mais informações sobre como usar estas configurações, consulte Como configurar o estilo do design para todo o seu e-mail.

Com este novo editor, você pode escolher diferentes formatações dentro do mesmo bloco de texto. Por exemplo, você pode ter um título seguido por um parágrafo e marcações. Você também pode ter diferentes cores no mesmo bloco.

Bordas

Você também pode adicionar bordas ao seu bloco de Texto, bem como suas imagens, usando a configuração Bordas no painel à esquerda. Você pode configurar diferentes tamanhos e cores para cada borda ou ativar o botão Aplicar a todos os lados para aplicar um único tamanho e cor para todas as bordas. 

Imagem

Você pode adicionar uma imagem a partir da aba Conteúdo, usando o bloco Imagem. Você será capaz de adicionar a imagem de sua escolha, clicando em Substituir ou colando o link para sua imagem no campo Inserir a imagem da URL. Você pode redimensionar ou editar sua imagem diretamente no editor. 

Para saber mais, consulte nosso artigo dedicado Como usar pastas para organizar imagens em sua Biblioteca de conteúdos.

Existem configurações adicionais no painel à esquerda que são similares àquelas disponíveis na aba Design. Para mais informações sobre como usar estas configurações, consulte Como configurar o estilo de todo o seu e-mail.

Você também pode adicionar bordas ao seu bloco Imagem usando a configuração Bordas no painel à esquerda. Você pode configurar diferentes tamanhos e cores para cada borda ou ativar o botão Aplicar em todos os lados para aplicar um único tamanho e cores para todas as bordas.

Adicionando uma imagem

Assista o vídeo para aprender mais sobre como adicionar diversas imagens de uma vez e alterar as configurações do bloco de imagem.

Redimensionar uma imagem

Para redimensionar uma imagem, clique na imagem que deseja redimensionar para selecioná-la e coloque seu cursor no canto inferior direito da imagem. Assim que a seta dupla aparecer, puxe o canto até encontrar o tamanho perfeito. O tamanho de sua imagem é exibido em azul no canto inferior direito da imagem e é automaticamente atualizado enquanto o redimensionamento é feito.
Você também pode usar o campo Largura no painel à esquerda para redimensionar sua imagem.

Editar uma imagem

Nosso Editor arrastar e soltar inclui um editor de foto onde você pode cortar sua imagem, adicionar filtros, texto ou design do texto. Para acessar o editor de foto, clique em sua imagem e clique no botão Editar nas Configurações da imagem.

Você também pode editar uma foto da Biblioteca de conteúdo. Apenas selecione a imagem e clique em Editar.

Botão

Adicione botões para criar uma chamada para ação em seus e-mails:

1. Arraste e solte o bloco Botão dentro de sua campanha.
2. Substitua o texto Call to action com um texto que corresponda ao conteúdo que deseja redirecionar aos seus destinatários.
   Você pode personalizar o texto com os atributos de contato que você deseje. 
3. Opcional: use a barra de ferramenta de formatação de texto e as configurações do botão no painel à esquerda para personalizar seu botão. 
4. Clique no ícone Link para adicionar um link ao seu botão para redirecionar destinatários para a página de sua escolha.

Assista o vídeo para aprender mais sobre como alterar configurações como largura, proporção da borda, tamanho da linha, cor de fundo para o bloco botão.

Social

O bloco Social permite que você redirecione seus destinatários para as páginas de suas mídias sociais quando eles clicam nos ícones.

1. Na aba Conteúdo, arraste e solte o bloco Social em sua campanha.
2. Deixe o padrão Configurações do design dos ícones ou escolha Tamanho, Estilo, Tema e Espaçamento que você gostaria de dar aos seus Ícones de mídia social.
3. Cole o link para suas páginas de mídia social no respectivo campo Configurações dos ícones.
   Você pode clicar em Adicionar mais para adicionar ícones e links de mídia social, se necessário, ou clique no ícone para excluir um ícone e link de mídia social a partir do bloco. 

Se já tiver adicionado links de mídia social em Campanhas > Configurações > Google Analytics e Canais sociais, os links serão automaticamente preenchidos no campos Configurações dos ícones.

Assista o vídeo para saber mais sobre como alterar as configurações do bloco social.

HTML

O bloco HTML permite que você adicione seu próprio código. Você pode digitar ou colar e colar o seu código. Para ver a pré-visualização do código, apenas saia do bloco HTML.

Alguns dos provedores de e-mail não suportam qualquer conteúdo HTLM se o e-mail HTML não tiver sido desenvolvido como HTML web. Para saber mais sobre como evitar problemas relacionados ao seu código HTML no editor e bloco de HTML, consulte nosso artigo dedicado Limitações ao usar HTML em suas campanhas de e-mail.

Divisor

O bloco divisor adiciona uma linha horizontal para separar blocos.

Assista o vídeo para aprender mais sobre como alterar configurações como espessura, cor, forma, largura e cor de fundo do bloco divisor.

Cabeçalho e rodapé

Use o bloco Cabeçalho para adicionar a logo de sua empresa.

O bloco Rodapé é essencial porque dá aos seus destinatários mais informações sobre sua empresa e permite que eles cancelem a inscrição ou editem suas preferências. Ele pode ser composto por:

Produto

Se estiver usando plug-ins Shopify ou Shopware com nosso Novo editor arrastar e soltar, você verá o bloco de conteúdo Produto.

1. Arraste e solte o bloco de conteúdo Produto para sua newsletter.
2. Selecione um produto na barra de busca.
3. Clique em Inserir.

Você verá a imagem, o título, a descrição e o preço do produto. A URL do produto é automaticamente vinculada à imagem e botão do produto, assim que sua loja for publicada.
Para mais informações, consulte nosso artigo dedicado sobre como Inserir um bloco Produto no Editor arrastar e soltar (Novo).

⏩ O que vem a seguir?

• Parte 4: como configurar o estilo do design para todo o seu e-mail
• Parte 5: como salvar blocos para usar novamente em suas campanhas
• Parte 6: como editar e-mails em modo móvel
• Parte 7: como pré-visualizar e enviar e-mail de teste

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.