> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.icommkt.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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. ${youtube}[Como criar uma newsletter a partir do Editor](fMUTVDy0JmE) # Passo a passo 1. Acesse o menu **Criar notícias** 2. Selecione **Criar newsletter** 3. Selecione o modelo **EDITOR** ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/1_1x5rzt6.jpg) 4. Selecione a **Campanha** 5. Digite **Nome e Descrição** 6. Pressione o botão **Continuar** ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/2_15awi5j.jpg) 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. ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/3_nue92z.jpg) # Crie uma peça do zero 1. **Arraste uma ferramenta** para a área de trabalho ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/4_1f061iz.jpg) ### 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. ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/5_19ogv0p.jpg) ###### 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. 1. **Arraste a ferramenta** para a área de trabalho ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/6_ttlpx1.jpg) 2. **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. 1. Arraste a ferramenta para a área de trabalho 2. Escreva e personalize o texto com o editor de texto ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/7_t7piu1.jpg) **Personalizar campos** * Acesse o botão **Campo** * Escolha **Campos Gerais** ou em **Perfil** * **Campos gerais** 1. Escolha o campo que deseja adicionar à mensagem 2. 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.** ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/8_tbusrk.jpg) * **Perfis** 1. Escreva e selecione o perfil que receberá a peça 2. Pesquise e selecione o Perfil 3. Escolha o campo que deseja adicionar 4. Selecione o botão Adicionar para incluí-lo no texto da peça ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/9_1j4pqi1.jpg) Assista a este vídeo para saber como adicionar campos personalizados em uma Newsletter. ${youtube}[Campos personalizados](Am47_MC5DXs) ###### 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. 1. Arraste a ferramenta para a área de trabalho 2. 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. ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/10_1porwjj.jpg) 3. 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 ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/11_1oo8iz7.jpg) ||| 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. 1. Arraste a ferramenta para a área de trabalho 2. 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. ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/12_12an1eh.jpg) 3. 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. 4. 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 ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/14_xb31tp.jpg) || É 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 ![](https://storage.crisp.chat/users/helpdesk/website/e4b41ef8ae96c800/15_82nh7t.jpg) || 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.