Manual de
Para criar uma lista de assinantes, deve-se criar ou exportar planilha Excel com
EMAIL (obrigatório), NOME, CIDADE, PROFISSAO
Depois de salvo, adicionar arquivo no 4mail: ir em Assinantes >Importar assinantes > escolher uma
Newsletter previamente salva e carregar.
Como criar uma nova
Newsletter
Cada informativo é uma nova edição de
newsletter (semelhante às edições de revistas).
Nesse caso, o banco de assinantes será sempre o
mesmo. Para cada nova newsletter, é necessário
criar outro banco de assinantes.
Edições são criadas a cada novo envio, com
nome, edição e a data
.
Como trabalhar com o
Template
O template é um arquivo html em que são adicionadas as tags especificando as sessões.
Os artigos são criados separadamente. Cada artigo pode ser utilizado em edições distintas de
newsletters.
Template padrão – CAU/INFORMA
(Exemplo)
-Cabeçalho
-Destaque
Contem 3 artigos com imagens
220x170
-Esquerda superior e inferior: Título
-Esquerda superior e inferior
Somente título link
-Coluna direita um mini banner
245x340
Para adicionar um novo Template é necessário um arquivo html. O processo é o mesmo para qualquer modelo de
Template:
1. Elabore o template:
Elabore o template em formato HTML. O arquivo HTML pode ter qualquer nome, porém deve ter extensão .htm ou .html e deve ser codificado com o character encoding Windows-1252 (ou ISO-8859-1). Não use UTF-8 nem qualquer outro character encoding. Se você não sabe o que é isso, faça o arquivo no Notepad do Windows.
O HTML deve conter as seguintes tags:
[#Corpo#] - Local onde será inserido o corpo da newsletter. Deve ocorrer exatamente 1 vez no HTML.
[#Head#] - Essa tag deve estar presente dentro da tag head do HTML. Deve ocorrer exatamente 1 vez no HTML.
Exemplo<html> <head> [#Head#] <title>Notícias</title> <body> [#Corpo#] </body> </html> Coloque as eventuais imagens na mesma pasta do arquivo HTML, e insira no HTML referências para as imagens usando o diretório local.
Exemplo<img src="header.jpg" alt=" />
2. Prepare o template para submeter no site:
Faça um arquivo .zip contendo o arquivo HTML e todas as imagens referenciadas. O arquivo deve conter exatamente 1 arquivo .htm ou .html, e todos os arquivos (o HTML e as imagens) devem estar na raiz do .zip (e não dentro de uma pasta, por exemplo). Ou seja, ao selecionar os arquivos para solicitar a geração do .zip ao seu aplicativo de compressão (WinRAR, WinZip, etc), selecione os arquivos diretamente, ao invés de selecionar a pasta onde eles se encontram.
Extensão do RAR deve ser .Zip e as imagens devem estar soltas dentro do Ziper não dentro de uma pasta.
Eleições do CAU 2014:
Template com HTML
Abra o arquivo Html e, com o botão auxiliar do mouse em uma parte em branco, clique em “salvar
como”; uma pasta com imagens e um html será criada.
Abra a página que foi salva com o programa Notepad ++ (programa gratuito): ele quebrará a página em
html (ver slide seguinte).
Insira a Tag [#Head#] entre </head> e o primeiro <body>
As imagens devem ficar como no exemplo ao lado, tirar tudo que estiver entre img – src e depois de ‘’->
Salve como um novo arquivo e compacte seus arquivos soltos em .Zip diretamente
dentro do RAR, nunca dentro de uma pasta.
Template padrão com arquivo
HTML já existente
Para adicionar um novo template com um arquivo html já existente, vá em template e selecione um
template já existente. No caso, usaremos o padrão.
Baixe o arquivo .zip do template, abrirá a mesma imagem inicial, porém sem a pasta com imagens,
pois já estarão compactados.
No exemplo abaixo, o arquivo da página está pronto, assim como a imagem. Para alterá-la basta jogar
a nova imagem já salva, com o mesmo título, dentro do zip e salvar novamente.
Artigos
Corpo da mensagem (quando for adicionar um texto, para não perder a formatação, sempre adicione texto pelo campo “texto sem formatação”, indicado pela seta).
Hiperlink
Link de direcionamento da imagem ou matéria Título da matéria
Pode ficar em branco
Salvar e adicionar foto sempre que o artigo estiver disposto nas sessões “destaque” ou “lateral”.
Criando uma nova edição da
newsletter
Note que a cada nova edição, a numeração segue a sequência da edição previamente criada. Este
campo também pode ser alterado por um nome (Ex.: Informativo). Preenchido todos os campos,
selecione o template desejado.
Seção Cabeçalho
Seção Destaques
Seção EsquerdaSuperiorTitulo Seção EsquerdaInferiorTitulo Seção EsquerdaSuperior Seção EsquerdaInferior Seção ColunaDireitaRodapé
Template Padrão
Este é o padrão mais utilizado para envio de
informativos quando há necessidade de veicular grande
quantidade de informações. Consiste em sessões com
texto e imagem.
DICA: Abra uma guia para o preview e outra para a
inserção do artigo. Dessa forma, sempre que um novo
artigo for salvo, será possível visualizar a construção da
newsletter, sem sair da página de trabalho.
Template carta
Nesse modelo usaremos apenas cabeçalho e texto de
imagem anexados ao corpo da mensagem. Ou seja, o
texto nesse template será uma imagem.
O link da imagem precisa ser gerado, utiliza-se o
“Mídia” do wordpress, não é necessário publicar a
imagem.
Copie o link gerado pelo word press no 4
mail, como mostrado na figura. A imagem
irá aparecer no corpo da imagem.
Faça o preview e clique em uma parte branca da sua edição com o botão direito do mouse, clique em “salvar como”. No nome do arquivo, deixe o que é gerado pelo sistema, podendo ser alterado em casos específicos.
Para “tipo” sempre utilize “página da web”. Para facilitar o trabalho, salve na área de trabalho.
Sempre que salvar a página da web automaticamente, será salvo uma pasta com o mesmo nome do arquivo. A pasta contém as imagens do template.
Note que as imagens estão sem caminho (em branco). Será
necessário adicionar a extensão .jpg a todas. Para isso renomeie o arquivo, sem apagar o nome, apenas escrevendo no final “.jpg”.
Assim como foi explicado no slide 18, Clique com o botão direito do mouse sobre a página da web salva na área de trabalho. Clique no “Edit with Notepad++” (editar com o Notepad).
Agora retire toda linha verde, que corresponde ao “não consigo visualizar”. Retire todo o primeiro <p (vá até do <p ao </p> ). Tecle Ctrl + H por alguns segundos. Na caixa de aberta, clique em FIND. No campo “Find what” digite img e clique em “Find all in Current Document”. Assim você poderá encontrar facilmente as imagens no seu documento, pois elas precisam ser alteradas.
(
(
Se guie pela janela que aparecerá abaixo do documento para encontrar todas as imagens. Elas estarão escritas dessa forma:
<img width= “60px” src= “; /CAU Informa2_files/0094527400000” style = “margin:0 “ >
Deve ser apagado tudo que estiver entre ,img e src=“, entre src=“ e o número da imagem, número de imagem e > ou ><. Além disso, deve ser acrescentado .jpg ao final do número da imagem.
O texto deve ficar como mostrado na imagem abaixo.
Como é
Como todas devem ficar
Caixa de ajuda para encontrar As imagens
Após modificar todas as imagens, crie um novo documento em >arquivo>novo. Copie todo o documento modificado e cole no novo documento (“new”)
No novo documento vá em >formatar>converter para ANSI. Agora salve em >arquivo>salvar. Coloque o nome de index.html e salve na pasta onde se encontram as imagens.
Só salve o arquivo se tiver certeza de que está tudo certo, pois se estiver algo errado terá que refazer. Feito isso, abra a página para ter certeza de que nenhuma imagem está quebrada.
Subindo o FTP
FTP: onde os arquivos da edição da Newsletter ficarão para serem visualizados dentro da página (servidor). Para isso, usaremos o Fillezila, é um programa gratuito.
Clique em “novo site” e renomeie o seu site. No campo HOST coloque o endereço do seu site. Deixe o campo porta em branco.
Em protocolo escolha a opção: FTP – protocolo de transferência de arquivos. Em encriptação escolha: Requer FTP sobre TLS implícito
No “Tipo de Logon” utilize “Normal”.
A senha e o usuário já são existentes e foram fornecidos pelo Cau/br.
O programa irá processar os seus dados, aparecerá as pastas do seu servidor. Clique na pasta _arquivos
Abaixo aparecerão as pastas correspondentes a _arquivos. Entre em cauinforma. Nesta pasta você terá acesso a todas as pastas com os arquivos das edições anteriores da newsletter.
Cada pasta tem uma numeração correspondente, crie uma nova pasta. Para nomear, veja o passo a seguir. Ele é importante para que seus arquivos sejam encontrados no servidor.
Quando estiver com a edição pronta faça o preview. Na parte de cima do cabeçalho terá a seguinte mensagem em azul “Caso não consiga visualizar este e-mail, clique aqui”, clique nela.
Após clicar na frase indicada aparecerá uma mensagem de erro. Observe que na barra de endereço é gerado um número depois do cauinforma. Esse número indica a localização dos arquivos dentro da rede, toda vez que uma nova edição for criada, será gerado um número novo.
Arraste todos os arquivos de imagem e Html editados para a pasta que você acabou de criar.
Se tudo for processado corretamente ele aparecerá a seguinte mensagem: “Listagem de pastas bem sucedida”
Para checar se todos os arquivos foram enviados corretamente volte ao 4mail, e novamente faça um preview. Entre no link em destacado em azul “Caso não consiga visualizar este e-mail, clique aqui”.
O 4mail tem a opção de envio de teste, assim você pode ver como ficará sua newsletter antes de enviá-la. Basta clicar em “Enviar Teste” e escrever o e-mail desejado.
Se você preferir agendar selecione a opção “agendar envio para data futura”. Selecione a data e ajuste o horário para o desejado, depois basta clicar em OK.
