Editor arrastar e soltar (Clássico) - Parte 3: opções de bloco e elementos

No editor arrastar e soltar (Clássico), você tem a possibilidade de ajustar os blocos e elementos como for melhor. Você pode escolher a cor ou a imagem do plano de fundo, o espaçamento entre os elementos, o posicionamento dos elementos e muito mais!

Dividimos os artigos sobre o editor arrastar e soltar (Clássico) em diversas partes. Neste artigo, vamos explicar a diferença entre blocos e elementos, como acessar estes dois tipos de configurações e o que você pode personalizar para criar uma campanha de e-mail com a sua cara!

Blocos e elementos: qual é a diferença?

Um bloco pode conter um ou mais elementos, como você pode ver na imagem abaixo. Alguns blocos contêm apenas um elemento, mas em cada caso, as opções do bloco e do elemento são acessados de modo diferente.
Reunimos opções genéricas nas opções do bloco (cor do plano de fundo ou epaçamento, por exemplo) e opções mais específicas e configurações nas opções dos elementos (link, família de fontes, margens, por exemplo).

À direita da tela você terá acesso às diferentes opções de cada bloco e elemento.
Você pode editar

  • o bloco (1), clicando no ícone da caneta no canto superior direito do bloco,
  • ou os diferentes elementos dentro do bloco (2: imagem, 3: título, 4: texto, 5: botão), clicando no próprio elemento:

Blocks_and_elements.png

Se você estiver um pouco perdido durante este processo, o título da coluna à direita pode ajudar você:

  • Título, Imagem, Texto, etc: você está atualizando as opções dos elementos

Opções do bloco

Para acessar as opções do bloco, clique no ícone da caneta, no canto superior direito do bloco. A partir daí, você será capaz de editar espaçamento, cor do plano de fundo, margens ou gerenciar o conteúdo dinâmico. Várias opções são comuns a todos os elementos; vamos descrevê-las abaixo.

pen_icon_.png

O vídeo está em inglês, mas você pode ativar a legenda automática em seu idioma.

Cor ou imagem do plano de fundo

Se quiser adicionar uma cor ou imagem de plano de fundo aos elementos título/texto, você precisa acessar as opções do elemento, clicando no ícone da caneta.

  1. Clique no ícone da caneta no canto superior direito do elemento.
    O painel de Opções aparece à direita.
  2. Selecione uma cor na Cor do plano de fundo
  3. Ou clique em Adicionar uma imagem de plano de fundo e selecione a imagem a partir da galeria. 

Para aprender como adicionar uma imagem da Galeria de imagens, consulte a seção Como adicionar uma imagem via a Galeria de imagens do artigo Editor arrastar e soltar (Clássico): elementos de design (título, texto, imagem, botão e espaçamento).

Background_color_or_image.png

Espaçamento da margem

Você pode dar "cantos arredondados" a qualquer elemento, usando esta configuração. Basta deslizar o deslizador para adicionar cantos arredondados ao seu elemento.

Espaçamento

Adicionar espaços ao seu design tornará sua campanha mais agradável à leitura. A partir daqui, você pode adicionar espaçamento na parte de cima e de baixo do seu elemento.

Com Elementos do conteúdo, você pode até mesmo administrar o espaçamento entre os blocos, bem como o espaçamento vertical (espaçamento dentro do bloco, entre os elementos imagem, título, texto e botão).

spacing_content_element_EN.png

Margem inferior

A margem inferior é outra forma de administrar os espaços dentro da sua campanha. Neste caso, você pode definir o tamanho da margem, mas também a cor. Esta pode ser uma boa maneira de criar um visual de separação em seu e-mail.

Conteúdo dinâmico

A opção lista dinâmica permite que você crie e formate modelos e campanhas de e-mail que contenham placeholders para uma lista de itens que serão preenchidos dinamicamente: 

  • no momento em que o e-mail for enviado,
  • listas contendo itens específicos a cada destinatário do e-mail, 
  • e contendo um número de itens que podem variar entre os destinatários.

Isso é especialmente útil quando você deseja inserir uma lista que pode variar em extensão de destinarário para destinatário, como um modelo de e-mail recebido ou uma campanha RSS.

Para saber mais sobre este recurso, confira nosso artigo Inserindo uma lista dinâmica no editor Arrastar e soltar (Clássico).

Configurações de elementos

Para acessar as configurações de cada elemento, basta clicar no elemento, como mostrado abaixo. As configurações vão aparecer no menu à direita.

Descreveremos as configurações de cada elemento em seus respectivos artigos. Você pode acessar estes artigos usando o índice no início deste artigo ou usando a seção O que vem a seguir.

element_options.gif

⏭️ O que vem a seguir?

🤔 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.