Como criar Newsletter a partir do Editor
Crie uma Newsletter do zero com a plataforma Icomm. Conheça em detalhe as ferramentas do editor para desenhar as suas newsletters.
Acesse o menu Criar notícias
Selecione Criar newsletter
Selecione o modelo EDITOR
Selecione a Campanha
Digite Nome e Descrição
Pressione o botão Continuar
Você será redirecionado para o editor da peça
No setor esquerdo da tela estão as ferramentas para montar as peças. À direita você pode ver as opções de edição para cada uma das ferramentas. No centro da tela está o espaço de trabalho para projetar a peça.
Arraste uma ferramenta para a área de trabalho
Este elemento pode conter outros elementos da peça. Sua posição, bordas, estilo, cor da borda e cor de fundo podem ser modificados. Essa ferramenta permite salvar estruturas usadas com frequência para uso em projetos futuros (por exemplo, o cabeçalho e o rodapé). Você também pode copiar o bloco ou removê-lo da peça.
Modos de uso:
O bloco permite salvar estruturas ou parte delas para que possa ser utilizado em projetos futuros. É importante que ao salvar a estrutura, o bloco seja selecionado no caminho do editor. Em seguida, digite o nome da peça para salvá-la.
Para usar um bloco salvo em projetos posteriores, você pode procurá-lo com a ferramenta Custom.
Também pode ser usado quando você precisa adicionar uma cor de fundo, por exemplo, em um texto.
Recomenda-se usar blocos somente quando necessário. Esse elemento torna a montagem da notícia mais complexa e, portanto, mais pesada. Ou seja, quanto menos blocos você usar na peça, evitará possíveis erros no desenho.
Recomenda-se salvar o bloco com todos os elementos que o compõem, como links, imagens, texto, etc.
Permite dividir o bloco nas partes que são necessárias. Desta forma, diferentes elementos como texto e imagem podem ser combinados internamente; ou imagem e botão etc.
Arraste a ferramenta para a área de trabalho
Ajuste as configurações
Adicionar ou excluir colunas: Com esses botões você pode adicionar ou remover colunas.
Responsivo: selecione para tornar a peça adaptável a todos os dispositivos.
Ajustar o tamanho da coluna: Com os botões Move selection, Direction e Width, configure o tamanho de cada uma das colunas.
Esta ferramenta possui um editor de texto que permite utilizar as funções básicas de um editor padrão. Ele também tem a capacidade de personalizar campos.
Arraste a ferramenta para a área de trabalho
Escreva e personalize o texto com o editor de texto
Personalizar campos
Acesse o botão Campo
Escolha Campos Gerais ou em Perfil
Campos gerais
Escolha o campo que deseja adicionar à mensagem
Selecione o botão Adicionar para incluí-lo no texto da peça
As opções são: E-mail, Hora, Minuto, Dia (número), Dia (nome), Mês (número), Mês (nome), Ano, QR personalizado, Link QR.
Perfis
Escreva e selecione o perfil que receberá a peça
Pesquise e selecione o Perfil
Escolha o campo que deseja adicionar
Selecione o botão Adicionar para incluí-lo no texto da peça
Assista a este vídeo para saber como adicionar campos personalizados em uma Newsletter.
A biblioteca de imagens da plataforma funciona como uma nuvem, todos os arquivos importados para ela serão salvos lá. Os formatos de imagem permitidos para a criação da Newsletter são: JPG, PNG e GIF. Além disso, é recomendável usar arquivos de até 300 kb, para que a peça não fique muito grande.
Arraste a ferramenta para a área de trabalho
Clique em "Substituir" para carregar a imagem
Uma biblioteca de imagens será aberta na qual você pode selecionar imagens carregadas anteriormente ou fazer upload do PC e criar pastas para organizar o conteúdo da biblioteca.
Selecione a Ação
Aplicar: para adicionar uma imagem selecionada da biblioteca
Carregar imagem: para carregar um arquivo do PC
Criar pasta para organizar o conteúdo
As imagens com caracteres especiais ou espaços não podem ser carregadas e as pastas não podem conter espaços e caracteres especiais.
Opções de configuração de imagem
Link: adicione um link para redirecionar os contatos para um site.
Descrição: descreva a imagem.
LinkRef: escreva uma referência para identificar a peça no mapa de calor. (Nenhum caractere especial deve ser usado.)
Tamanho: Modifica o tamanho da imagem na peça, a altura e largura por pixels,
Alinhamento: escolha Esquerda, Centro ou Direita para definir o posicionamento da imagem na Newsletter
Posição: define as margens e o espaçamento da imagem dentro da peça.
Bordas: adicione bordas à imagem
Estilo: selecione um estilo de borda: Sólido, Listrado e Pontilhado e sua Largura.
Cor da borda: escolha a cor da borda.
Cor de fundo: selecione uma cor para o fundo da borda.
Texto simples: deve ser uma descrição da newsletter. Será analisado pelas operadoras de provedores de e-mail (gmail, hotmail, yahoo, etc) para definir se nosso conteúdo é de valor relevante.
Use esta ferramenta para redirecionar contatos para uma página ou link de seu interesse.
Arraste a ferramenta para a área de trabalho
Edite o texto do botão
A ferramenta possui um editor de texto para personalizar o texto que o botão terá. Também é possível adicionar campos personalizados.
Defina a função do botão
Link: adicione um link para redirecionar os contatos para um site.
LinkRef: escreva uma referência para identificar o botão no mapa de calor.
Edite a forma e o layout do botão
Raio: use esta opção para arredondar as bordas do botão
Alinhamento: Esquerda, Centralizado, Direita
Posição: use esta opção para configurar as margens e o tamanho do botão.
Bordas: Adicione uma borda ao botão.
Estilo: Escolha um estilo de borda sólida, listrada ou pontilhada.
Largura: Defina a largura da borda.
Cor da borda: escolha a cor da borda.
Cor de fundo: escolha a cor do botão.
É um módulo especial para eventos de consumo de massa. É um cronômetro que informa o tempo de validade da oferta ou promoção enviada. Tem um custo à parte e é implementado em conjunto com a equipe da Icomm.
Disponível para integração com a VTEX. Permite o envio de Newsletters personalizadas que incluem ofertas de produtos dentro da peça. É implementado em conjunto com a equipe Icomm.
Passo a passo
Acesse o menu Criar notícias
Selecione Criar newsletter
Selecione o modelo EDITOR
Selecione a Campanha
Digite Nome e Descrição
Pressione o botão Continuar
Você será redirecionado para o editor da peça
O editor
No setor esquerdo da tela estão as ferramentas para montar as peças. À direita você pode ver as opções de edição para cada uma das ferramentas. No centro da tela está o espaço de trabalho para projetar a peça.
Crie uma peça do zero
Arraste uma ferramenta para a área de trabalho
Elementos e funções
Blocos
Este elemento pode conter outros elementos da peça. Sua posição, bordas, estilo, cor da borda e cor de fundo podem ser modificados. Essa ferramenta permite salvar estruturas usadas com frequência para uso em projetos futuros (por exemplo, o cabeçalho e o rodapé). Você também pode copiar o bloco ou removê-lo da peça.
Modos de uso:
O bloco permite salvar estruturas ou parte delas para que possa ser utilizado em projetos futuros. É importante que ao salvar a estrutura, o bloco seja selecionado no caminho do editor. Em seguida, digite o nome da peça para salvá-la.
Para usar um bloco salvo em projetos posteriores, você pode procurá-lo com a ferramenta Custom.
Também pode ser usado quando você precisa adicionar uma cor de fundo, por exemplo, em um texto.
Recomenda-se usar blocos somente quando necessário. Esse elemento torna a montagem da notícia mais complexa e, portanto, mais pesada. Ou seja, quanto menos blocos você usar na peça, evitará possíveis erros no desenho.
Recomenda-se salvar o bloco com todos os elementos que o compõem, como links, imagens, texto, etc.
Colunas
Permite dividir o bloco nas partes que são necessárias. Desta forma, diferentes elementos como texto e imagem podem ser combinados internamente; ou imagem e botão etc.
Arraste a ferramenta para a área de trabalho
Ajuste as configurações
Adicionar ou excluir colunas: Com esses botões você pode adicionar ou remover colunas.
Responsivo: selecione para tornar a peça adaptável a todos os dispositivos.
Ajustar o tamanho da coluna: Com os botões Move selection, Direction e Width, configure o tamanho de cada uma das colunas.
Texto
Esta ferramenta possui um editor de texto que permite utilizar as funções básicas de um editor padrão. Ele também tem a capacidade de personalizar campos.
Arraste a ferramenta para a área de trabalho
Escreva e personalize o texto com o editor de texto
Personalizar campos
Acesse o botão Campo
Escolha Campos Gerais ou em Perfil
Campos gerais
Escolha o campo que deseja adicionar à mensagem
Selecione o botão Adicionar para incluí-lo no texto da peça
As opções são: E-mail, Hora, Minuto, Dia (número), Dia (nome), Mês (número), Mês (nome), Ano, QR personalizado, Link QR.
Perfis
Escreva e selecione o perfil que receberá a peça
Pesquise e selecione o Perfil
Escolha o campo que deseja adicionar
Selecione o botão Adicionar para incluí-lo no texto da peça
Assista a este vídeo para saber como adicionar campos personalizados em uma Newsletter.
Imagem
A biblioteca de imagens da plataforma funciona como uma nuvem, todos os arquivos importados para ela serão salvos lá. Os formatos de imagem permitidos para a criação da Newsletter são: JPG, PNG e GIF. Além disso, é recomendável usar arquivos de até 300 kb, para que a peça não fique muito grande.
Arraste a ferramenta para a área de trabalho
Clique em "Substituir" para carregar a imagem
Uma biblioteca de imagens será aberta na qual você pode selecionar imagens carregadas anteriormente ou fazer upload do PC e criar pastas para organizar o conteúdo da biblioteca.
Selecione a Ação
Aplicar: para adicionar uma imagem selecionada da biblioteca
Carregar imagem: para carregar um arquivo do PC
Criar pasta para organizar o conteúdo
As imagens com caracteres especiais ou espaços não podem ser carregadas e as pastas não podem conter espaços e caracteres especiais.
Opções de configuração de imagem
Link: adicione um link para redirecionar os contatos para um site.
Descrição: descreva a imagem.
LinkRef: escreva uma referência para identificar a peça no mapa de calor. (Nenhum caractere especial deve ser usado.)
Tamanho: Modifica o tamanho da imagem na peça, a altura e largura por pixels,
Alinhamento: escolha Esquerda, Centro ou Direita para definir o posicionamento da imagem na Newsletter
Posição: define as margens e o espaçamento da imagem dentro da peça.
Bordas: adicione bordas à imagem
Estilo: selecione um estilo de borda: Sólido, Listrado e Pontilhado e sua Largura.
Cor da borda: escolha a cor da borda.
Cor de fundo: selecione uma cor para o fundo da borda.
Texto simples: deve ser uma descrição da newsletter. Será analisado pelas operadoras de provedores de e-mail (gmail, hotmail, yahoo, etc) para definir se nosso conteúdo é de valor relevante.
Botão
Use esta ferramenta para redirecionar contatos para uma página ou link de seu interesse.
Arraste a ferramenta para a área de trabalho
Edite o texto do botão
A ferramenta possui um editor de texto para personalizar o texto que o botão terá. Também é possível adicionar campos personalizados.
Defina a função do botão
Link: adicione um link para redirecionar os contatos para um site.
LinkRef: escreva uma referência para identificar o botão no mapa de calor.
Edite a forma e o layout do botão
Raio: use esta opção para arredondar as bordas do botão
Alinhamento: Esquerda, Centralizado, Direita
Posição: use esta opção para configurar as margens e o tamanho do botão.
Bordas: Adicione uma borda ao botão.
Estilo: Escolha um estilo de borda sólida, listrada ou pontilhada.
Largura: Defina a largura da borda.
Cor da borda: escolha a cor da borda.
Cor de fundo: escolha a cor do botão.
Timer
É um módulo especial para eventos de consumo de massa. É um cronômetro que informa o tempo de validade da oferta ou promoção enviada. Tem um custo à parte e é implementado em conjunto com a equipe da Icomm.
E-Commerce
Disponível para integração com a VTEX. Permite o envio de Newsletters personalizadas que incluem ofertas de produtos dentro da peça. É implementado em conjunto com a equipe Icomm.
Atualizado em: 14/11/2023
Obrigado!