Suporte

Criação de Newsletter

Última atualização: 19 de Maio de 2017 às 11:15:46

Para criar uma nova newsletter é necessário pressionar o botão , o processo de criação é dividido em 6 etapas:

  • Newsletter,
  • Conteúdo Html,
  • Conteúdo Texto,
  • Destinatários,
  • Testar Newsletter e
  • Envio.

Passo 1 – Definir uma nova newsletter

A tela do passo 1 é semelhante à Figura abaixo e as suas funções são descritas no Quadro abaixo.

Passo 1 Definir uma nova newsleterr

Nome da NewsletterDê um nome de fácil identificação para sua newsletter. O nome escolhido irá aparecer quando você visualizar os relatórios para esta newsletter
Nome da CampanhaPode ser selecionada uma campanha para a newsletter e fazer comparações entre elas.
Assunto da NewsletterO assunto que irá compor o e-mail da newsletter.
Dados do RemetenteNome e e-mail do remetente e e-mail para recebimento de respostas.
Pré-Header AutomáticoAo selecionar esta opção será incluído automaticamente, um link para visualização da newsletter em uma página Web. Será possível personalizar o texto, incluindo uma frase antes do texto padrão.
Formato TemplateImporte um design de e-mail em HTML do seu computador ou de um endereço web e adicione um texto alternativo para seus destinatários com clientes de e-mail móveis antigos. Nós proveremos um relatório detalhado de resultados.
Redes SociaisUtilizando esta opção, será incluída de forma automática link's para o Facebook e/ou Twitter, onde o cliente poderá compartilhar o link da newsletter para seus contatos.
AvançarSalva as informações e encaminha para a próxima etapa.

Passo 2 – Inserir um template

A etapa 2, Conteúdo HTML pode ser implementada de três formas: Importar um template da web, Importar um template de arquivo e Importar um template padrão.

    Template web

É possível a importação de um template pela web, A Figura abaixo demonstra a tela de inclusão de template pela web e o Quadro abaixo descreve as suas funções.

Passo 2 Inseriri um Template

Importar um Template WEBSeleciona um template através de um endereço eletrônico.
Endereço Web da campanhaEndereço web.
AdicionarBotão para salvar as informações.
Anterior/AvançarBotões de navegação.

Em todos os links que estiverem apontando para os domínios abaixo, serão acrescentadas tags para rastreamento do Google Analytics:

facebook.com/

instagram.com/

pinterest.com/

ecommercemail.com.br/

    Template html

Existe a opção da importação por arquivo, a Figura abaixo demonstra a tela de inclusão por arquivo e o Quadro abaixo descreve as suas funções.

Inserindo um Template HTML

Importar um Template de ArquivoSeleciona um template através de um arquivo no computaador.
Página HTMLO arquivo do template em html.
Outros arquivos em zipQualquer outros arquivos que você tenha criado para sua newsletter, como imagens e CSS, deverão ser compactadas em um arquivo. Clique em procurar e localize o arquivo zip que você criou.
AdicionarBotão para salvar as informações.
Anterior/AvançarBotões de navegação.

    Template padrão

É a última opção, Importar Template Padrão, para isso é necessária a leitura do texto abaixo.

Importar um Template Padrao

Usuários F-Store e F-Mail podem criar template padrão de e-mail marketing e utilizá-lo na criação do newsletter.

A integração tem por objetivo receber os dados do produto direto do site, garantindo a integridade das informações apresentadas no newsletter, e foi desenvolvida de tal forma que o usuário precise apenas informar o código do produto durante a criação do e-mail marketing.

Em um mercado em que cada dia exige mais agilidade e qualidade na criação de e-mail marketing, ter a possibilidade receber automaticamente os dados do site diretamente para o e-mail marketing são um grande diferencial.

O template padrão que pode receber as informações como Nome, Imagem, URL, Preço, Desconto do produto direto do site, também foi criado para receber dinamicamente imagens para destaques do e-mail, além de possibilitar a alteração de qualquer informação do HTML como cor, fonte, tamanho, textos entre outros. Essas possibilidades tornam este recurso totalmente dinâmico e variável, atendendo a qualquer tipo de necessidade do usuário.

  Chaves de integração

As chaves que precisam ser incluídas no HTML para serem substituídas no momento da geração da newsletter são:

##FMAIL.TEXTO.???####
Exemplo:
##FMAIL..TEXTO.TARJA#### : Será disponibilizado um campo chamado TARJA para você preencher com qualquer informação.
##FMAIL..TEXTO.TOPOBANER####: Será disponibilizado um campo chamado TOPOBANER para você preencher com qualquer informação
###FMAIL.TEXTO.URLDESTAQUE1###: Será criado um campo chamado URLDESTAQUE1 quando você tem um banner e precisa incluir uma URL por exemplo.
###FMAIL.IMAGEM.???###
Exemplo:
###FMAIL.IMAGEM.DESTAQUE1### Será disponibilizado um campo para você vincular a uma imagem, essa imagem precisará ser adicionada através da ferramente F-MAIL
###FMAIL.IMAGEM.BANNERRODAPE### Será disponibilizado um campo para você vincular a uma imagem, essa imagem precisará ser adicionada através da ferramente F-MAIL
###FMAIL.PRODUTO.P1.???###Ao definir um produto nesse caso P1 você poderá utilizar as informações que vem da F-Store as variáveis disponíveis são: (observação o P1 é um exemplo pode ser qualquer nome Produto1 / Spot1)
NOME Retorna o Nome do Produto
URL Retorna a URL do Produto
IMAGEM Retorna a IMAGEM do Produto
PRECODE Retorna o PrecoDE do Produto
PRECOPOR Retorna o PreçoPOR do Produto
DESCONTO Retorna o % de desconto
PARCELAMENTOCARTAO Retorna o Parcelamento configurado para o Produto

PRECOBOLETO Retorna o Preço se for pago em Boleto

PERCENTUALBOLETO Retorna o Percentual de Desconto ao pagar com Boleto
Exemplo### FMAIL.PRODUTO.P1.NOME###
O F-Mail vai buscar o nome do Produto na F-Store

No F-Mail ao criar uma newsletter através de um template padrão os campos são disponíveis conforme HTML abaixo: (Esse HTML representa basicamente os exemplos informados acima).

  Exemplo de como criar o HTML

<table width=”100%”         style=”border:#E8E8E8 solid 1px;” cellspacing=”0″ cellpadding=”0″  align=”left” class=”col-3″>

<tr>

<td align=”center” bgcolor=”#FF3300″ style=”padding:5px 0;”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”><font face=”Arial, Helvetica, sans-serif” color=”#ffffff” style=”font-size: 14px; font-weight: bold;”>###FMAIL.PRODUTO.P1.NOME###</font></a></td>

</tr>

<tr>

<td align=”center” valign=”top” style=”background-color:#fff;”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”><img src=”###FMAIL.PRODUTO.P1.IMAGEM###” alt=”###FMAIL.PRODUTO.P1.NOME###” border=”0″ hspace=”0″ vspace=”0″ style=”vertical-align:top; padding-bottom:12px;” class=”col-3-img”></a></td>

</tr>

<tr>

<td align=”center” bgcolor=”#fafafa”><font face=”Arial, Helvetica, sans-serif” color=”#2D65D4″ style=”font-size:14px; color:###FMAIL.TEXTO.PRODUTO.P1.COLOR###;”><strong>###FMAIL.PRODUTO.P1.DESCONTO### </strong></font><font face=”Arial, Helvetica, sans-serif” color=”#2D65D4″ style=”font-size:14px; color:###FMAIL.TEXTO.PRODUTO.P1.COLOR###;”>OFF</font></td>

</tr>

<tr>

<td height=”10px” align=”center” bgcolor=”#FAFAFA”>&nbsp;</td>

</tr>

<tr>

<td align=”center” bgcolor=”#FAFAFA” style=”color:###FMAIL.TEXTO.PRODUTO.P1.COLOR###;”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”><font face=”Arial, Helvetica, sans-serif” color=”#474646″ style=”font-size: 14px;”>de:</font><font face=”Arial, Helvetica, sans-serif” color=”#474646″ style=”font-size: 14px; text-decoration: line-through; color: #999;”>###FMAIL.PRODUTO.P1.PRECODE###</font></a></td></tr><tr><td align=”center” bgcolor=”#fafafa”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”><font face=”Arial, Helvetica, sans-serif” color=”#474646″ style=”font-size:14px;”> por

<strong> ###FMAIL.PRODUTO.P1.PRECOPOR###</strong></font></a></td></tr><tr><td align=”center” bgcolor=”#fafafa”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”><font face=”Arial, Helvetica, sans-serif” color=”#b40a0a” style=”font-size:14px;”>ou ###FMAIL.PRODUTO.P1.PARCELAMENTOCARTAO###</font></a></td></tr><tr><td align=”center” bgcolor=”#fafafa”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”>

<font color=”#474646″ face=”Arial, Helvetica, sans-serif” style=”font-size:13px;”>sem juros no cart&atilde;o<br />

ou ###FMAIL.PRODUTO.P1.PRECOBOLETO### com ###FMAIL.PRODUTO.P1.PERCENTUALBOLETO### OFF no boleto</font></a></td>

</tr>

<tr>

<td height=”10px” align=”center” bgcolor=”#FAFAFA”>&nbsp;</td>

</tr>

<tr>

<td  align=”center” bgcolor=”#50a61e” style=”padding:5px 0;”><a href=”###FMAIL.PRODUTO.P1.URL###” target=”_blank” style=”text-decoration:none;”> <font face=”Arial, Helvetica, sans-serif” color=”#FFFFFF” style=”font-size: 14px; font-weight: bold;”>COMPRE AGORA</font></a></td>

</tr>

</table>

Exemplo 1Exemplo 2

  Template

Antes de vincularmos um template padrão, é necessário incluir o template na Pasta Template. Necessário incluir um nome, incluir um arquivo e enviar. Exemplificado pela Figura abaixo e descrita as suas funções no Quadro abaixo.

Template

Cadastrar NovoCampo para incluir um nome para o template.
Escolher ArquivoInclusão do template, arquivo html.
EnviarValida o template e inclui na lista.
Nome da TemplateLista de templates incluídas no F-Mail.
XExclusão de templates.

Após a inclusão da template podemos vincular à nova newsletter em Template Padrão, exemplificada pela Figura abaixo e descritas suas funções no Quadro abaixo.

Importar um Template Padrao 2

Importar um Template PadrãoOpção de Importação
Seleção do Template PadrãoSelecione o Template incluída no cadastro de templates, na Pasta Template.
AdicionarBotão para adicionar a template e executar a tela de inclusão das informação, como código do produto, url e texto..
Anterior/AvançarBotões de navegação.
  Editor Template Padrão

Ao pressionar o botão “Adicionar”, o F-mail abre uma segunda página, o Editor da Template Padrão conforme o exemplo da Figura e o Quadro abaixo descreve as suas funções.

Editor Template Padrao Newsletter

CancelarCancela edição e retorna para a página anterior.
PreviewApós os dados informados nos respectivos campos, este botão executa a integração da informação na News possibilitando a visualização prévia.
ConcluirSalva as informações e nos envia para o próximo passo.
Selecionar Imagens
Escolher Arquivos
Seleção das imagens que irão compor a News, por exemplo Banner.
Demais campos para preenchimentoOs campos que irão aparecer para preenchimento vão depender das templates utilizadas, mas basicamente são campos de banners, textos alternativos, url´s e códigos de produtos. Após o preenchimento pressionar o botão Preview e as informações são mostradas na new, estando tudo correto pressionar o botão Concluir.

Passo 3 – Inserir um Texto

É possível incluir um texto para a Newsletter, esse texto pode ser em Html, o processo de inclusão é exemplificado pela Figura abaixo.

Passo 3 Inserindo um texto

Texto do Template – O texto a ser incluído pode ser em código Html. O tamanho ideal para um template texto é de 492 pixels de largura, conforme mostra a marcação no campo.

Passo 4 – Inserir Destinatário

Existe a possibilidade de vincularmos lista de e-mails já existentes, como as opções “Lista de destinatários já existentes” e “Lista pode interesse” ou incluir uma nova lista de e-mails, semelhante a Figura e o Quadro abaixo descreve as suas funções.

Passo 4 Inserir Destinatario

Destinatário de uma lista existenteSão as lista já criadas na F-Store Marketplace. Possibilidade de poder escolher a mesma lista para a newsletter.
Listas por interesseSão as lista criadas a partir de categorias, na pasta Clientes.
Listas geradas automaticamenteSão listas geradas pelo F-Mail através de suas estatísticas.
Inserir os destinatários manualmenteÉ aberto um editor para que sejam incluídos os e-mails. Cada linha deve conter um endereço de e-mail e também pode incluir um nome, que precisa ser separado do e-mail por uma vírgula ou ponto e vírgula. Insira no máximo 10 e-mails manualmente. Caso deseje inserir mais, é aconselhável criar uma lista de e-mails.
Anterior/AvançarBotões de navegação.

Passo 5 – Testar Newsletter

Para testar temos duas opções:

  • Teste de Envio;
  • Teste Html;

Passo 5 Testando a Newsletter

Opções de TesteSelecione a opção de teste desejada, Teste de Envio ou Teste Html.
E-mails para testeInserir até 5 e-mails para envio, separados por vírgula.
Enviar E-mailsBotão para incluir os e-mails e testar.
Anterior/ Pular este testeBotões de navegação.

Passo 5 Testando a Newsletter Testar Html

Opções de TesteSelecione a opção de teste desejada, Teste de Envio ou Teste Html.
Validar W3CVerifica se o código Html do template selecionado está de acordo com as recomendações do W3C.
Anterior/ Pular este testeBotões de navegação.

Passo 6 – Envio

O Envio é a última etapa da Newsletter, a partir de agora ela fica com o Status de rascunho ou é efetivamente enviada e pode ser selecionada as seguintes opções:

  • Enviar Imediatamente;
  • Envio Agendado;

Passo 6 Envio Enviar Imediatamente

ResumoInforma os detalhes da Newsletter.
Opções de EnvioOpções Enviar Imediatamente e Envio Agendado.
Enviar confirmação paraEndereço de e-mail para enviar a confirmação do envio da newsletter.
EnviarBotão de envio.
AnteriorBotão de navegação para a página anterior.

Passo 6 - Envio Agendado

ResumoInforma os detalhes da Newsletter.
Opções de EnvioOpções Enviar Imediatamente e Envio Agendado.
Data para EnvioSelecione a data que será enviada a newsletter.
Horário para EnvioSelecione o horário que será enviada a newsletter.
Enviar confirmação paraEndereço de e-mail para enviar a confirmação do envio da newsletter.
AgendarBotão para salvar agendamento.
Comentários