Editor de arrastar e soltar - Parte 2: diferenças entre blocos de seções e conteúdo

O editor de arrastar e soltar facilita a criação de e-mails com aparência profissional. Ele fornece mais opções para personalizar seu e-mail e também garante que o e-mail pareça perfeito em qualquer cliente de e-mail e dispositivo.

Neste artigo, mostraremos como usar os blocos de estilo e conteúdo para começar a criar o design do seu e-mail.

Dividimos os artigos sobre o editor de arrastar e soltar nas seguintes partes:

O que é uma seção?

Uma seção é um bloco estrutural que consiste em uma ou mais colunas às quais podem ser adicionados blocos de conteúdo.

No exemplo abaixo, a seção (em verde) contém 2 blocos de conteúdo (em rosa) em 2 colunas diferentes: 2 imagens e 2 blocos de texto.DDE_style-content-block_EN-US.jpg

No editor de e-mail, há dois tipos de seções:

  • Seções personalizadas
    As seções personalizadas são as seções que o próprio usuário cria arrastando e soltando blocos de conteúdo. 
  • Seções pré-criadas
    As seções pré-criadas são layouts pré-fabricados de diferentes blocos de conteúdo e permitem que você crie facilmente designs de e-mail sem a necessidade de habilidades de design. 

É sempre possível adicionar, remover ou redimensionar colunas clicando na seção e usando os controles deslizantes para movê-las e os botões +/- para adicionar colunas:

DDE_remove-resize-columns_EN-US.gif

Configurações de seção

Você pode renomear sua seção clicando no ícone de caneta ao lado do título.

DDE_style-settings_EN-US.gif

Selecione uma seção para exibir as seguintes configurações no painel de navegação esquerdo: 

Plano de fundo Configurações do bloco Espaçamento
DDE_background-style-block_EN-US.jpg Com essa configuração, você pode definir a cor do plano de fundo e aplicar o plano de fundo em toda a largura.
Você também pode clicar em Add a background image (Adicionar uma imagem de fundo) para exibir a Content library (Biblioteca de conteúdo) e usar seus arquivos ou imagens de estoque como fundo.
Se você quiser usar uma imagem diretamente da Internet, cole o link para essa imagem no campo Insert image from URL (Inserir imagem do URL).

Ações de seção

É possível mover uma seção na vertical: passe o mouse sobre a seção e mantenha-o pressionado enquanto a move para o local desejado. A linha azul mostrará para onde o bloco será movido.

Existem algumas ações disponíveis no canto inferior esquerdo de um bloco de estilo, quando selecionado:

DDE_style-actions_EN-US.jpg

  1. Move (Mover)
    Arraste e solte a seção onde quiser em sua campanha.
  2. Duplicate (Duplicar) (⌘ ou Ctrl + D) 
    Depois de escolher todas as configurações da seção, é possível duplicá-la. Isso economiza muito tempo quando se trata de projetar sua campanha ou modelo.
  3. Show or hide (Mostrar ou ocultar)
    Oculte ou mostre uma seção adicionando condições. Para saber mais, consulte nosso artigo dedicado Exibição condicional usando atributos de contato
  4. Repeat (Repetir)
    Você pode repetir seções em seus recibos ou e-mails de carrinho abandonado. Para saber mais, consulte nosso artigo dedicado Repita um bloco de itens em seus e-mails.
  5. Save (Salvar)
    Salve uma seção para reutilizá-la novamente em outras campanhas. As seções salvas aparecerão na guia My Content (Meu conteúdo) no painel esquerdo.
  6. Delete (Excluir) (⌫ + ↵)
    Use essa opção para excluir uma seção.

O que é um bloco de conteúdo?

Os blocos de conteúdo são diferentes tipos de conteúdo que você pode adicionar ao seu e-mail. É possível arrastar e soltar os blocos de conteúdo em seções.

Os blocos de conteúdo disponíveis são:

DDE_title-content-block_EN-US.jpg
Título

DDE_text-content-block_EN-US.jpg
Texto

DDE_image-content-block_EN-US.jpg
Imagem
DDE_video-block_EN-US.png
Vídeo
DDE_social-content-block_EN-US.jpg
Botão
DDE_html-content-block_EN-US.jpg
Logotipo
DDE_social-content-block_EN-US.jpg
Social
DDE_style1-content-block_EN-US.jpg
HTML
DDE_divider-content-block_EN-US.jpg
Divisor
DDE_navigation-content-block_EN-US.jpg
Produto
DDE_navigation-content-block_EN-US.jpg
Navegação
DDE_spacer-content-block_EN-US.jpg
Espaçador

Cada bloco de conteúdo tem sua própria configuração que pode ser personalizada conforme necessário e que substituirá as configurações do modelo padrão. Você pode mover blocos de conteúdo da mesma forma que os blocos de estilo e também pode ocultar ou mostrar, duplicar, salvar e excluir blocos de conteúdo. Para saber mais, consulte nosso artigo dedicado Como usar os blocos de conteúdo?.

As ações extras (link, pré-visualização, substituir imagem etc.) serão diferentes de acordo com o tipo de bloco que você está editando. Veja o exemplo abaixo com as ações para o bloco Image (em amarelo) e um bloco Text (em azul):

DDE_different-actions-content-block_EN-US.jpg

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

💬 Este artigo foi útil?

Utilizadores que acharam útil: 8 de 29