6.2.2.2.1.5 GrapeJS na etapa de e-mail da Campanha

A partir do release 1.8.2871, está disponível, para a etapa de e-mail, uma ferramenta (GrapeJS) que possibilita que um usuário sem conhecimento de HTML crie peças.

Na etapa de email de uma campanha, ao editar, foram criadas novas opções:

Funcionalidade:

Novas Opções: Básicos, extra, notas, títulos, cartões
Para utilizar as opções implementadas, basta clicar sob a opção e arrastar a mesma para bloco de descrição
Em cada quadro adicionado ao texto, terá as opções: excluir, copiar, mover e expandir seleção ()
Ícones de Ação ():
- Visualizar Componentes: Quando selecionado, permite que a visualização seja alternada entre visualizar ou não as linhas das colunas das opções utilizadas;
- Pré Visualizar: Abre a visualização igual aparecerá para o cliente;
  - Para fechar a pré-visualização, clicar sob o ícone
- Tela Cheia: Abre o modo de exibição tela cheia. Para sair dessa opção, clicar em 'Esc';
- View Code: Abre um pop-up com os códigos em HTML;
- Limpar: Opção para excluir os itens do quadro descrição mediante confirmação do operador;
- Desfazer: Desfaz a última ação;
- Refazer: Refaz a última ação;
Para envio de imagem, deve-se utilizar o botão 'galeria de imagens'
- No caso do usuário nunca ter enviado uma campanha com imagem, para que uma primeira imagem apareça na galeria, é necessário anexar uma imagem à Campanha através do bloco 'anexos' e clicar em salvar. Em seguida entrar editando a etapa de email, e clicar no ícone 'galeria de imagens'.

Básicos:

Opções disponíveis:
- 1 coluna
- 2 colunas
- 3 colunas
- Texto

Para utilizar as opções do quadro 'básico', basta clicar sob a opção e arrastar a mesma para bloco de descrição. Em seguida clicar na opção texto, e arrastar para dentro do quadro/coluna.
Em cada coluna adicionada, terá a possibilidade de escrever um texto.

Extra:

Opções disponíveis:
- Código Customizado

Ao utilizar o campo 'código customizado', é aberto um pop-up. Ao digitar um texto e clicar em 'inserir' , o texto digitado é incluído no quadro.

Notas:

Opções:
- Alerta;
- Atenção;
- Sucesso;
- Azul;
- Vermelho;
- Azul Escuro;
- Amarelo;
- Verde;
- Roxo;
- Laranja;
- Branco;
- Preto
Em cada nota adicionada, terá a possibilidade de escrever um texto.

Exemplos:

Títulos:

Essa opção possibilita a escolha de um tamanho 'pré-formatado' de um texto a ser digitado;
Em cada título adicionado, terá a possibilidade de escrever um texto.

Exemplo:

Cartões:

Opções:
- Cartão # azul;
- Cartão # vermelho;
- Cartão # amarelo;
- Cartão # roxo;
- Cartão # laranja;
- Cartão # branco;
- Cartão # preto;
Em cada cartão adicionado, terá a possibilidade de escrever uma descrição em: Cabeçalho, título e texto.