Artigos nessa seção

Funcionalidade básica

  • Atualizado

Linhas

Cada modelo de e-mail consiste em uma ou várias linhas. O usuário tem permissão para adicionar, mover, copiar, excluir e gerenciar linhas.

Para adicionar uma linha a um modelo de e-mail em branco, o usuário deve clicar no botão “Adicionar linha” na área de trabalho principal.

e2a20378-0cd3-4a94-b91c-9d2e7caedf53.png

Ou arraste e solte a ferramenta COLUNAS da barra de ferramentas principal do lado direito.

2de04407-c962-495f-a39d-304de60809a4.png

Além disso, uma linha pode ser adicionada entre duas linhas existentes por meio da funcionalidade Arrastar e soltar ou selecionando a linha existente e adicionando uma nova linha antes ou depois dela.

774afde2-1b68-4294-bc79-16b9f15237e7.png

Cada linha pode ser movida. Para mover uma linha, o usuário deve selecionar a linha, clicar e manter pressionado o botão "mover", mover a linha para outro local e soltá-la.

3f506c14-ad4b-499e-9c7d-d75e79712ec6.png

Cada linha pode ser copiada. Para copiar uma linha, o usuário deve selecionar a linha, clicar no botão “Copiar” (na barra rápida ou na barra principal do lado direito) e a linha será colada abaixo da linha original com o conteúdo existente.

8c2d36ee-ae46-4056-8f3a-faae427f0a4f.png

Cada linha pode ser excluída. Para excluir uma linha, o usuário deve selecionar a linha, clicar no botão “Excluir” (na barra rápida ou na barra principal do lado direito) e a linha será excluída com o conteúdo existente.

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

Em uma barra flutuante, o usuário pode ajustar a linha. Há configurações para Desktop e Móvel para as linhas. A guia Desktop tem todas as configurações para as linhas, mas a guia Móvel tem as configurações reais para a exibição móvel.

A seção Colunas divide a linha selecionada em um número selecionado de colunas.

af961cc7-9bef-4f54-8387-8fd61ab871fb.png

A seção Propriedades da coluna consiste em várias guias, cada uma representando as configurações de cada coluna.

Configurações disponíveis para colunas:

  1. Cor de fundo
    1. HEX
    2. RGB
    3. Paleta
  2. Enchimento
    1. Superior
    2. Direita
    3. Esquerda
    4. Parte inferior
  3. Borda
    1. Lateral
      • Superior
      • Direita
      • Esquerda
      • Parte inferior
    2. Cor
      • HEX
      • RGB
      • Paleta
    3. Tipo
      • Sólido
      • Pontilhado
      • Tracejado

03847517-1e30-471b-aa1e-62673e265391.png

A seção Propriedades da linha tem as seguintes configurações para cada linha:

  1. Cor de fundo
    1. HEX
    2. RGB
    3. Paleta
  2. Cor de fundo do conteúdo
    1. HEX
    2. RGB
    3. Paleta
  3. Imagem de fundo
    1. selecionar imagem do PC local
    2. arrastar e soltar imagem
  4. URL da imagem
  5. Enchimento
    1. Superior
    2. Direita
    3. Esquerda
    4. Parte inferior

c1890f3a-e018-450c-b802-8027678f5fbf.png

A configuração de design responsivo pode ser ativada ou desativada.

28f0e20e-ab3a-4f84-9ffe-6424d5641f18.png

Colunas

Colunas: Permite que os usuários adicionem colunas ao design para obter uma melhor organização do design. Basicamente, Colunas significa Linha. Quando o usuário adicionar um elemento de Coluna ao design, uma nova Linha será adicionada.

1a045cce-9a0e-412d-a94a-3abc3a5bb314.png

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

O elemento Coluna tem as mesmas configurações de uma Linha.

 

Título

Titulo: Adicione títulos (do nível 1 ao 4) ao design. O elemento de título pode ser adicionado ao design somente para a linha existente. Se uma linha for dividida em várias colunas, o título poderá ser adicionado a cada coluna.

899aebe8-72f1-4ff7-b630-a4b2b9c37280.png

O elemento Título tem as seguintes configurações:

  1. Texto:
    1. Tipo de título
      1. H1
      2. H2
      3. H3
      4. H4
    2. Família de fontes
      1. Lista de fontes disponíveis
    3. Peso da fonte
      1. Normal
      2. Negrito
    4. Tamanho da fonte em pixels
    5. Cor
    6. Alinhamento de texto
    7. Altura da linha em %
  2. Links
    1. Estilo herdado
      1. Sim
      2. Não
        1. Cor
        2. Sublinhado
  3. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Parte inferior
      5. ou valor único para cada lado
  4. Design ágil
    1. Ocultar no desktop/celular

65fb81fe-ee26-467c-a6bc-46bf5ee118e4.png

O texto no elemento Título pode ser ajustado com um painel de ferramentas rápido. As seguintes configurações estão presentes no painel rápido do título: Negrito, Itálico, Sublinhado, Riscado, Sobrescrito, Subscrito, Inserir/Editar link, Emojis.

d7407bd0-23d2-46a4-9fee-1365184c3f82.png

Texto

Texto: Texto é uma ferramenta integrada para que você possa adicionar texto aos seus designs. O elemento de Texto pode ser adicionado ao design somente para a linha existente. Se uma linha for dividida em várias colunas, o Texto poderá ser adicionado a cada coluna.

223b7b22-826d-4233-bcd3-19b162ba7929.png

O elemento Texto tem as seguintes configurações:

  1. Texto
    1. Família de fontes
      1. Lista de fontes disponíveis
    2. Peso da fonte
      1. Normal
      2. Negrito
    3. Tamanho da fonte em pixels
    4. Cor
    5. Alinhamento de texto
    6. Altura da linha em %
  2. Links
    1. Estilo herdado
      1. Sim
      2. Não
        • Cor
        • Sublinhado
  3. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design ágil
    1. Ocultar no desktop/celular

81ad0757-da82-4668-9cc5-7da7da46c2da.png

O texto no elemento Texto pode ser ajustado com um painel de ferramentas rápido.  As seguintes configurações estão presentes no painel rápido do Texto:

  1. Negrito
  2. Itálico
  3. Sublinhado
  4. Riscado
  5. Cor do texto
  6. Cor de fundo
  7. Sobrescrito
  8. Subscrito
  9. Inserir/Editar link
    1. Personalizado
      • Abrir site
      • Enviar e-mail
      • Ligar para número de telefone
    2. Especial
      • Cancelar assinatura
      • Ver online
      • Compartilhar no Facebook
      • Compartilhar no Twitter
  10. Emojis
  11. Lista de marcadores
    1. Padrão
    2. Círculo
    3. Quadrado
  12. Lista numerada
    1. Padrão
    2. Alfa inferior
    3. Grego inferior
    4. Romano inferior
    5. Alfa superior
    6. Romano superior

4457dd4b-70e5-47a7-81d8-e97586ac5e29.png

Imagem

Imagem: Para tornar seus e-mails atraentes, você pode adicionar imagens usando essa ferramenta. O elemento de imagem pode ser adicionado ao design somente para a Linha existente. Se uma Linha for dividida em várias Colunas, a imagem poderá ser adicionada a cada Coluna.

2f59da58-27b2-4f83-9a4b-98d1e5549ae6.png

O elemento Imagem tem as seguintes configurações:

  1. Imagem
    1. Carregar imagem
    2. Arrastar e soltar imagem
    3. URL da imagem
    4. Largura automática
      1. Auto
      2. Manualmente
    5. Alinhar
      1. Esquerda
      2. Centro
      3. Direita
      4. Justificar
    6. Texto alternativo
  2. Ação
    1. Abrir site
      1. URL
      2. Destino
        • Nova guia
        • Mesma guia
    2. Enviar e-mail
      1. Correio para
      2. Assunto
      3. Corpo
    3. Ligar para número de telefone
      1. Telefone
  3. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design ágil
    1. Ocultar no desktop/celular

98d529cd-9051-42a0-a8d8-8f8999c0afc8.png

Botão

Botão: Adicione qualquer tipo de botão em seu e-mail. Você pode alterar cores e estilos. O elemento Botão pode ser adicionado ao design somente para a Linha existente. Se uma Linha for dividida em várias Colunas, o Botão poderá ser adicionado a cada Coluna.

3ab2fbc1-dae1-415d-8546-f8edfe400ef4.png

O elemento Botão tem as seguintes configurações:

  1. Ação
    1. Abrir site
      1. URL
      2. Destino
        • Nova guia
        • Mesma guia
    2. Enviar e-mail
      1. Correio para
      2. Assunto
      3. Corpo
    3. Ligar para número de telefone
      1. Telefone
    4. Links especiais
      1. Cancelar assinatura
      2. Ver online
  2. Opções do botão
    1. Cor do texto
    2. Cor de fundo
    3. Largura automática
      1. Auto
      2. Manualmente
    4. Família de fontes
    5. Peso da fonte
      1. Normal
      2. Negrito
    6. Tamanho da fonte
    7. Alinhamento
      1. Esquerda
      2. Centro
      3. Direita
      4. Justificar
  3. Espaçamento
    1. Altura da linha
    2. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
    3. Borda
      1. Lateral
        • Superior
        • Direita
        • Esquerda
        • Inferior
        • ou valor único para cada lado
      2. Tipo
        • Sólido
        • Pontilhado
        • Tracejado
      3. Largura
    4. Borda arredondada
      1. Canto
        • Superior esquerdo
        • Superior direito
        • Inferior esquerdo
        • Inferior direito
        • ou valor único para cada lado
      2. Arredondar valor
  4. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  5. Design ágil
    1. Ocultar no desktop/celular

542cc4f5-f8a4-4c48-a875-3665c8311806.png

O texto no elemento Botão pode ser ajustado com um painel de ferramentas rápido. As seguintes configurações estão presentes no painel rápido do Botão:

  1. Negrito
  2. Itálico
  3. Sublinhado
  4. Riscado

98ef2222-4b45-4d33-8498-26d15f8e7098.png

Divisor

Divisor: Proporciona o espaçamento adequado em qualquer ponto desejado em seu design. O elemento Divisor pode ser adicionado ao design somente para a Linha existente. Se uma Linha for dividida em várias Colunas, o Divisor poderá ser adicionado a cada Coluna.

835ae30e-65ee-4bc4-923f-7cade51b3557.png

O elemento Divisor tem as seguintes configurações:

  1. Linha
    1. Largura
    2. Linha
      1. Tipo
        • Sólido
        • Pontilhado
        • Tracejado
      2. Peso
      3. Cor
    3. Alinhar
      1. Esquerda
      2. Centro
      3. Direita
      4. Justificar
  2. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Design ágil
    1. Ocultar no desktop/celular

a7951536-88f7-4f09-9ae6-19de9954a5b0.png

Elemento HTML

HTML : O HTML é uma ferramenta integrada para que os usuários possam adicionar HTML personalizado aos seus designs. O elemento HTML pode ser adicionado ao design somente para a Linha existente. Se uma Linha for dividida em várias Colunas, o elemento HTML poderá ser adicionado a cada Coluna.

06082894-c6b7-492e-b407-605c98660cb7.png

O elemento HTML possui as seguintes configurações:

  1. HTML
    1. Área para adicionar/editar código HTML
  2. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Design ágil
    1. Ocultar no desktop/celular

a84b3708-9c84-4927-9f9b-0815058ece21.png

Menu

Menu: Menu é uma ferramenta interna usada para criar menus de navegação. O elemento Menu pode ser adicionado ao design somente para a Linha existente. Se uma Linha for dividida em várias Colunas, o elemento Menu poderá ser adicionado a cada Coluna.

72cf9806-08fb-41e4-aba6-01d758067860.png

O elemento Menu possui as seguintes configurações:

  1. Itens do menu
    1. Texto
    2. Ação
      1. Abrir site
        1. URL
        2. Destino
          • Nova guia
          • Mesma guia
      2. Enviar e-mail
        1. Correio para
        2. Assunto
        3. Corpo
      3. Ligar para número de telefone
        1. Telefone
      4. Links especiais
        1. Cancelar assinatura
        2. Ver online
    3. Excluir item
    4. Adicionar novo item
  2. Estilos
    1. Família de fontes
    2. Peso da fonte
      1. Normal
      2. Negrito
    3. Tamanho da fonte
    4. Cor do texto
    5. Cor do link
    6. Alinhar
      1. Esquerda
      2. Direita
      3. Centro
      4. Justificar
    7. Layout
      1. Horizontal
      2. Vertical
    8. Separador
    9. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Geral
    1. Enchimento
      1. Superior
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design ágil
    1. Ocultar no desktop/celular

d7b9c232-9d03-4ce1-8150-cbb603baa913.png

Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0
Voltar ao topo

Artigos relacionados