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.

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

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.

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

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

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

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.

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

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

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

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.

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.

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

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

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.

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

É 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

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.

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

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.

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

É 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

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.

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

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.

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

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.

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