Artigos nessa seção

Funcionalidade básica

  • Atualizado

Linhas

Cada modelo de e-mail é composto por uma ou várias linhas. O utilizador pode adicionar, mover, copiar, eliminar ou gerir as linhas.

Para adicionar uma linha a um modelo de e-mail vazio, o utilizador tem de clicar no botão “Adicionar linha” na área de trabalho principal.

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

Ou a ferramenta arrastar e largar COLUNAS da barra de ferramentas principal do lado direito.

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

Também é possível adicionar uma linha entre duas linhas existentes com a funcionalidade de arrastar e largar ou selecionar uma linha existente e adicionar uma linha antes ou depois.

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

É possível mover todas as linhas. Para mover uma linha, o utilizador deve selecionar a linha, clicar e manter um botão de “mover”, mover a linha para outro local e largar.

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

É possível copiar todas as linhas. Para copiar uma linha, o utilizador deve selecionar a linha, clicar no botão “Copiar” (na barra de acesso rápido 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

É possível eliminar todas as linhas. Para eliminar uma linha, o utilizador deve selecionar a linha, clicar no botão “Eliminar” (na barra de acesso rápido ou na barra principal do lado direito) e a linha será eliminada com o conteúdo existente.

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

Numa barra flutuante, o utilizador pode ajustar a linha. Dispõe de definições de computador e dispositivos móveis para as linhas. O separador Computador tem todas as definições para as linhas, mas o separador Dispositivo móvel tem definições que são úteis para a vista em dispositivos móveis.

A secção de colinas divide a linha selecionada pelo número de colunas selecionadas.

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

A secção Propriedades da coluna inclui vários separadores, cada um representando definições de cada coluna.

Definições disponíveis para as colunas:

  1. Cor de fundo
    1. HEX
    2. RGB
    3. Paleta
  2. Preenchimento
    1. Topo
    2. Direita
    3. Esquerda
    4. Inferior
  3. Margem
    1. Lado
      • Topo
      • Direita
      • Esquerda
      • Inferior
    2. Cor
      • HEX
      • RGB
      • Paleta
    3. Tipo
      • Sólido
      • Pontilhado
      • Tracejado

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

A secção Propriedades da linha tem as seguintes definiçõ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. selecione uma imagem do PC local
    2. arraste e largue a imagem
  4. URL da imagem
  5. Preenchimento
    1. Topo
    2. Direita
    3. Esquerda
    4. Inferior

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

É possível ativar ou desativar a definição de design reativo.

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

Colunas

Colunas: Permite aos utilizadores adicionar colunas ao design para melhorar a organização. Basicamente, Colunas significa Linha. Quando um utilizador adiciona um elemento Coluna ao design, é adicionada uma nova Linha.

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

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

O elemento Coluna tem as mesmas definições que Linha.

 

Título

Cabeçalho: Adicione cabeçalhos (de nível 1 a 4) ao design. O elemento Cabeçalho pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Cabeçalho a cada Coluna.

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

O elemento Cabeçalho tem as seguintes definições:

  1. Texto:
    1. Tipo de cabeçalho
      1. H1
      2. H2
      3. H3
      4. H4
    2. Família de tipo de letra
      1. Lista de tipos de letra disponíveis
    3. Espessura do tipo de letra
      1. Regular
      2. Ousado
    4. Tamanho do tipo de letra em píxeis
    5. Cor
    6. Alinhamento do texto
    7. Altura da linha em %
  2. Ligações
    1. Estilo de corpo herdado
      1. Sim
      2. Não
        1. Cor
        2. Sublinhar
  3. separador Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

É possível ajustar o texto no elemento Cabeçalho com um painel de ferramentas de rápido acesso. Estão disponíveis as seguintes definições no painel de acesso rápido de Cabeçalho: Negrito, Itálico, Sublinhar, Rasurar, Superior à linha, Inferior à linha, Inserir/Editar ligação, Emoções.

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

Texto

Texto: O Texto é uma ferramenta integrada que lhe permite adicionar texto aos designs. O elemento Texto pode ser adicionado no design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Texto a cada Coluna.

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

O elemento Texto tem as seguintes definições:

  1. Texto
    1. Família do tipo de letra
      1. Lista de tipos de letra disponíveis
    2. Espessura do tipo de letra
      1. Regular
      2. Negrito
    3. Tamanho do tipo de letra em píxeis
    4. Cor
    5. Alinhamento do texto
    6. Altura da linha em %
  2. Ligações
    1. Estilo de corpo herdado
      1. Sim
      2. Não
        • Cor
        • Sublinhar
  3. Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

É possível ajustar o texto no elemento Cabeçalho com um painel de ferramentas de rápido acesso.  Estão disponíveis as seguintes definições no painel de acesso rápido de Cabeçalho:

  1. Negrito
  2. Itálico
  3. Sublinhar
  4. Rasurado
  5. Cor do texto
  6. Cor de fundo
  7. Superior à linha
  8. Inferior à linha
  9. Inserir/Editar ligação
    1. Personalizado
      • Abrir website
      • Enviar e-mail
      • Ligar para número de telefone
    2. Especial
      • Cancelar subscrição
      • Ver online
      • Partilhar no Facebook
      • Partilhar no Twitter
  10. Emoções
  11. Lista com marcas
    1. Predefinição
    2. Círculo
    3. Quadrado
  12. Lista numerada
    1. Predefiniçã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 os seu e-mails atrativos, pode adicionar imagens com esta ferramenta. O elemento Imagem pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Imagem a cada Coluna.

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

O elemento Texto tem as seguintes definições:

  1. Imagem
    1. Carregar imagem
    2. Arraste e largue a 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 o website
      1. URL
      2. Destino
        • Novo separador
        • Mesmo separador
    2. Enviar e-mail
      1. Enviar e-mail para
      2. Assunto
      3. Corpo
    3. Ligar para número de telefone
      1. Telefone
  3. Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

Botão

Botão: Adicione qualquer tipo de botão ao seu e-mail. Pode alterar as cores e os estilos. O elemento Botão pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Botão a cada Coluna.

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

O elemento Texto tem as seguintes definições:

  1. Ação
    1. Abrir o website
      1. URL
      2. Destino
        • Novo separador
        • Mesmo separador
    2. Enviar e-mail
      1. Enviar e-mail para
      2. Assunto
      3. Corpo
    3. Ligar para número de telefone
      1. Telefone
    4. Ligações especiais
      1. Cancelar subscrição
      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 do tipo de letra
    5. Espessura do tipo de letra
      1. Regular
      2. Negrito
    6. Tamanho do tipo de letra
    7. Alinhamento
      1. Esquerda
      2. Centro
      3. Direita
      4. Justificar
  3. Espaçamento
    1. Altura da linha
    2. Preenchimento
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
    3. Margem
      1. Lado
        • Topo
        • Direita
        • Esquerda
        • Inferior
        • ou valor único para cada lado
      2. Tipo
        • Sólido
        • Pontilhado
        • Tracejado
      3. Largura
    4. Margem arredondada
      1. Canto
        • Superior esquerda
        • Superior direita
        • Inferior esquerda
        • Inferior direita
        • ou valor único para cada lado
      2. Arredondar valor
  4. Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  5. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

É possível ajustar o texto no elemento Botão com um painel de ferramentas de rápido acesso Estão disponíveis as seguintes definições no painel de acesso rápido de Botão:

  1. Negrito
  2. Itálico
  3. Sublinhar
  4. Rasurado

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

Divisor

Divisor: Confere espaçamento adequado em qualquer ponto pretendido do design. O elemento Divisor pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Divisor a cada Coluna.

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

O elemento Divisor tem as seguintes definiçõ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. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

Elemento HTML

HTML: O HTML tem uma ferramenta integrada para os utilizadores adicionarem HTML personalizado aos seus designs. O elemento HTML pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento HTML a cada Coluna.

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

O elemento HTML tem as seguintes definições:

  1. HTML
    1. Área para adicionar/editar código HTML
  2. Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

Menu

Menu: Menu é uma ferramenta integrada usada para criar menus de navegação. O elemento Menu pode ser adicionado ao design apenas numa Linha existente. Se uma Linha estiver dividida em várias Colunas, é possível adicionar o elemento Menu a cada Coluna.

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

O elemento Menu tem as seguintes definições:

  1. Itens de Menu
    1. Texto
    2. Ação
      1. Abrir o website
        1. URL
        2. Destino
          • Novo separador
          • Mesmo separador
      2. Enviar e-mail
        1. Enviar e-mail para
        2. Assunto
        3. Corpo
      3. Ligar para número de telefone
        1. Telefone
      4. Ligações especiais
        1. Cancelar subscrição
        2. Ver online
    3. Eliminar item
    4. adicionar um item novo
  2. Estilos
    1. Família do tipo de letra
    2. Espessura do tipo de letra
      1. Regular
      2. Negrito
    3. Tamanho do tipo de letra
    4. Cor do texto
    5. Cor da ligação
    6. Alinhar
      1. Esquerda
      2. Direita
      3. Centro
      4. Justificar
    7. Esquema
      1. Horizontal
      2. Vertical
    8. Separador
    9. Preenchimento
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  3. Geral
    1. Preenchimento do recipiente
      1. Topo
      2. Direita
      3. Esquerda
      4. Inferior
      5. ou valor único para cada lado
  4. Design reativo
    1. Ocultar em Computador/Dispositivo móvel

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

Artigos relacionados