Manual de utilização do 4mail

Transcrição

1

2 Manual de utilização do 4mail

3

4

5 Como inserir assinantes

6 A lista de assinantes é a relação de s para os quais se quer enviar um conteúdo.

7 Para criar uma lista de assinantes, deve-se criar ou exportar planilha Excel com (obrigatório), NOME, CIDADE, PROFISSAO OBS: Cabeçalho não deve conter acentuação e deve estar em letra maiúscula. Ex: /PROFISSAO

8 Salvar o arquivo como CSV (texto separado por vírgula) Depois de salvo, adicionar arquivo no 4mail: ir em Assinantes >Importar assinantes > escolher uma Newsletter previamente salva e carregar.

9 Como criar uma nova Newsletter Cada newsletter é um banco, o que difere é a edição (como uma revista).

10

11 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.

12 Como trabalhar com o Template Layout da sua edição.

13 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. Obs: Artigos são as matérias que são adicionadas a sua nova edição da newsletter.

14 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

15 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 ). 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. Caso o arquivo esteja correto, a página será recarregada e você verá um preview do template enviado.

16 Eleições do CAU 2014: Template com HTML Pronto, enviado pelas chapas

17 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.

18 Abra a página que foi salva com o programa Notepad ++ (programa gratuito): ele quebrará a página em html (ver slide seguinte).

19 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 ->

20 Salve como um novo arquivo e compacte seus arquivos soltos em.zip diretamente dentro do RAR, nunca dentro de uma pasta.

21 Template padrão com arquivo HTML já existente

22 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.

23 Baixe o arquivo.zip do template, abrirá a mesma imagem inicial, porém sem a pasta com imagens, pois já estarão compactados.

24 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.

25 Artigos São as matérias que são adicionadas a sua nova edição da newsletter.

26 É possível criar diferentes artigos e adicioná-los a um mesmo template.

27 Título da matéria Pode ficar em branco Link de direcionamento da imagem ou matéria Hiperlink Salvar e adicionar foto sempre que o artigo estiver disposto nas sessões destaque ou lateral. 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).

28 Criando uma nova edição da newsletter

29 Entre em Newsletters, selecione uma das existentes, e clique em Nova Edição (como na imagem).

30 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.

31 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. Seção Cabeçalho Seção Destaques Seção EsquerdaSuperiorTitulo Seção EsquerdaSuperior Seção EsquerdaInferiorTitulo Seção ColunaDireita Seção EsquerdaInferior Rodapé

32 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. Obs: o tutorial do Wordpress explic o Mídia.

33 Copie o link gerado pelo word press no 4 mail, como mostrado na figura. A imagem irá aparecer no corpo da imagem.

34 Enviando uma nova edição

35 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.

36 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.

37 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). Assim que o programa abrir, aparecerá uma caixa de diálogo, clique em OK.

38 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. ( (

39 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/ 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 todas devem ficar Como é Caixa de ajuda para encontrar As imagens

40 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.

41 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.

42 Para criar um novo FTP clique em >Arquivo >Gerenciador de Sites

43 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. Clique em conectar.

44 Depois de conectar aparecerá um pop-up de certificado, dê OK

45 O programa irá processar os seus dados, aparecerá as pastas do seu servidor. Clique na pasta _arquivos

46 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.

47 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.

48 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 , clique aqui, clique nela.

49 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. esse será o nome da sua pasta dentro do Fillezila

50 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 , clique aqui. Se o erro aparecer novamente volte os passos e refaça todo o processo. Lembre-se de apagar a pasta que foi criada.

51 Enviando a newsletter

52 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 desejado. Para enviar clique em envio.

53 Clique em agendar envio. Para enviar no mesmo momento clique em OK, não é necessário nenhuma alteração.

54 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. Uma vez enviado não tem como alterar uma edição.

55 Depois de enviado você poderá ver os resultados em Estatísticas.

56