Como criar e enviar boletins por e-mail gratuitamente

Há muitas opções pagas fornecidas por muitos provedores de boletins informativos por e-mail, mas se você puder enviar uma a partir de seu Gmail, Yahoo, Hotmail e qualquer outra conta de e-mail gratuita, poderá reservar mais seu orçamento em outros itens.

Se você está procurando por um serviço de newsletter melhor gerenciado com ferramentas para monitorar sua campanha de e-mail, vá com o serviço pago, mas se você quiser apenas enviar um boletim para alguns amigos, você vai adorar este tutorial.

Vamos orientá-lo sobre como salvar seu próprio modelo de newsletter como um modelo HTML e começar a enviá-lo, com a ajuda do CampaignMonitor.

Comece com o modelo de e-mail no Photoshop

Se você tiver uma ideia de como deseja que seu modelo de boletim informativo seja, poderá começar a trabalhar com o Photoshop. Caso contrário, você pode baixar um modelo de muitos provedores de modelos de email gratuitos. Não há largura e altura específicas de um modelo de e-mail, mas para garantir que ele seja compatível e legível em qualquer e-mail sem intervalos, sugerimos que você defina o tamanho da largura em no máximo 650px. No entanto, não há limitações em alturas, então esse parâmetro depende de você.

Modelo de email

Você pode ser criativo o quanto quiser com seu modelo de e-mail, mas tenha em mente que, com mais elementos criativos incluídos, haverá mais trabalho no fatiamento de cada elemento. O modelo que vamos usar tem apenas alguns elementos simples: um cabeçalho, foto, linhas e texto, para o benefício deste guia.

Seleção de fontes

Você pode definitivamente usar qualquer tipo de fonte disponível no seu Photoshop. Mas se você estiver criando um boletim informativo, é aconselhável usar fontes da web, como Times New Roman, Arial e Georgia. Caso contrário, use suas fontes especiais, mas salve-as como imagens, em vez de como texto.

Tente limitar a necessidade de salvar muitas imagens em seu modelo, pois isso só aumentará o tamanho e, por isso, levará mais tempo para carregar.

1. Fatie seu modelo de email

Neste guia, usaremos uma versão editada do modelo de email gratuito do CampaignMonitor. Baixe aqui para seguir este tutorial.

Agora que você está pronto com o seu modelo de email, abra-o com o Photoshop, selecione Ferramenta de fatiar e comece a cortar todos os elementos do modelo.

Nesse processo, você precisa dividir cada espaço, texto, linha e imagem.

Quando você fatia um texto, certifique-se de selecionar o tamanho exato, não deixe nenhum espaço extra na área de texto. Para espaços vazios, corte-os em uma fatia grande, mas separe-os em quadrados.

A próxima ferramenta que você precisa usar com o Photoshop é a Ferramenta de Seleção de Fatia. Use essa ferramenta para corrigir todos os elementos fatiados do seu modelo. Certifique-se de que cada linha está conectada, não deixe nenhuma área vazia sem cortá-las.

Com a ferramenta Seleção de Fatia, faça zoom no seu modelo e verifique cada fatia que você fez. Certifique-se de que todas as linhas estejam conectadas e consertadas.

O resultado será semelhante a este.

2. Salvar como modelo HTML

Quando estiver pronto com o modelo fatiado, vá para Arquivo e selecione Salvar para Web e dispositivos.

Uma janela com opções de salvamento será exibida. Em primeiro lugar, dê um duplo clique no seu elemento de imagem e nomeie-o para que você possa reconhecer facilmente o arquivo de imagem quando ele for salvo. Clique Está bem depois de nomeá-los.

Em seguida, no canto superior direito da janela pop-up, defina o tipo de imagem como JPEG no menu suspenso. A qualidade pode ser definida para 60 ou 80. Se você definir a qualidade para 100, a qualidade da imagem será máxima, mas tornará seu modelo pesado.

Agora clique no Salve  botão na parte inferior da janela.

Uma nova janela pop-up aparecerá. Aqui, selecione o destino onde deseja salvar o arquivo e altere o formato para HTML e Imagens e definir o Fatias para Todas as fatias.

Em seguida, sob o Definições menu suspenso, selecione De outros.

Outra janela pop-up aparecerá, sob o HTML seção, certifique-se de que as opções em "Formatação" sejam as seguintes; faça o mesmo para a seção 'Coding'.

Agora do HTML menu suspenso, selecione Fatias, e selecione Saída de fatia para Gere Mesa e defina as colunas como as seguintes.

Agora de Fatias, vamos para Salvando Arquivos no menu suspenso, vá até a seção "Arquivos otimizados" e marque Coloque imagens na pasta e defina o nome da pasta da imagem. A pasta de imagens padrão será "imagens". Então clique 'ESTÁ BEM'.

Clicar em OK levará você de volta à janela pop-up anterior, agora clique Salve .

Depois de pressionar o botão salvar, abra a pasta do local onde você salvou o arquivo e você verá a pasta html e images contendo imagens fatiadas já salvas para o seu modelo de email.

Abra o arquivo '.html' no seu navegador e você verá que seu boletim informativo agora foi convertido em um modelo HTML.

3. corrija HTML, altere a imagem do texto para fontes da web

No final das etapas a seguir, você receberá o modelo de email finalizado no formato HTML.

Todos os elementos no boletim informativo HTML são salvos em imagens, que incluem todo o texto. Agora você precisa converter as imagens de texto em fontes da web. Para fazer isso, abra o arquivo '.html' com o editor de HTML. Neste exemplo, estou usando o Dreamweaver.

Clique no cabeçalho e verifique o HTML destacado.

O HTML será algo assim;

Agora, exclua todas as linhas destacadas. Em alternativa, clique na imagem do cabeçalho e pressione Excluir. Uma vez excluído, você verá a área preenchida com a cor de fundo padrão.

Agora volte para o Photoshop, verifique os detalhes da fonte do cabeçalho. Você precisa obter o tipo de letra, cor e tamanho.

Depois de obter os detalhes da fonte, insira o texto do cabeçalho na área de cabeçalho do modelo e inclua também os detalhes da fonte. No meu exemplo, o HTML do meu texto de cabeçalho é o seguinte:

Boletim ABC

A linha HTML acima tem 'style' incluído. É aí que você define a cor de fundo, a família de fontes, o tamanho da fonte e o espaçamento entre letras. Tente preencher o espaço do texto com espaçamento entre letras e tamanho da fonte adequados; verifique se ele não quebra seu modelo.

Agora você precisa repetir o mesmo processo para cada texto no seu modelo. Certifique-se de que todas as imagens de texto sejam transformadas em fontes da Web e evitem imagens desnecessárias em HTML.

O próximo é opcional, mas você pode definir o boletim para o centro, adicionar o alinhamento no

seção.

Para rever o seu modelo final, abra o arquivo '.html' no seu navegador;

Você também pode baixar o modelo final aqui para sua referência.

4. Envie HTML como boletim informativo via Gmail

Agora, aqui está um pequeno truque para você enviar seu e-mail HTML diretamente do Gmail. Para fazer isso, você realmente precisa fazer o upload da pasta do boletim informativo para o seu servidor web, mas caso você não tenha um, vamos fazê-lo com o Dropbox.

Usando a pasta pública do Dropbox

Se você registrou sua conta do Dropbox antes de 1 de agosto de 2012, siga as etapas abaixo.

1. Registre uma conta gratuita no Dropbox e instale o aplicativo no seu PC ou Mac para poder ignorar o processo de envio pela Web. Deixe o aplicativo fazer o upload para você.

   

2. O modelo de email que você criou foi salvo em uma pasta. Copie a pasta e cole-a no Público pasta encontrada no seu Dropbox (Dropbox> Public).

   

3. Agora, localize seu arquivo '.html' na pasta, clique com o botão direito e selecione Copiar link público.

   

4. Depois de selecionar 'Copiar link público', o link será salvo na memória do seu computador. Cole este link no seu navegador da Web e abra-o como uma página da Web.

   

5. Você precisa copiar o conteúdo deste boletim, então use o teclado e pressione Ctrl + A para selecionar todos e então Crtl + C para copiar todo o conteúdo (para Mac, use Cmd + A para selecionar todos e Cmd + C para copiar)

6. Abra o seu Gmail, clique em Compor para obter um e-mail em branco, clique com o mouse no campo de texto e pressione Ctrl + V para colar seu boletim informativo no campo de conteúdo de e-mail. Usuários de Mac podem pressionar Cmd + V

   

7. Sua newsletter agora aparece como seu conteúdo de e-mail. Digite o assunto e o endereço de e-mail e envie seu primeiro boletim informativo por e-mail!

Usando o Site44 App

Como o Dropbox não oferece mais o recurso de pasta pública para usuários do Dropbox que se registraram depois de 1º de agosto de 2012, você pode experimentar o Site44, um aplicativo que transforma pastas do Dropbox em sites.

1. Visite o Site44 e faça login com o Dropbox para começar.

   

2. Permitir que o Site44 se conecte à sua conta do Dropbox. Na maioria dos casos, você precisa confirmar seu endereço de e-mail.

   

3. Clique em "Clique em um novo site" para começar.

   

4. Na seção "Usar um domínio site44.com", digite o nome da sua pasta preferida para este site no seu Dropbox e clique em "Criar". Neste caso, estou usando "mynewsletter"como meu nome de pasta. Depois disso, aceite os termos de uso para prosseguir.

   

5. Agora, Site44 criou novas pastas para o site no seu Dropbox.

   

6. Copie newsletter.html e pasta de imagens que você criou anteriormente para a pasta mynewsletter.site44.com Dropbox.

   

7. Abra o navegador da web e vá para http://mynewsletter.site44.com/newsletter.html.

   

8. Você precisa copiar o conteúdo deste boletim, então use o teclado e pressione Ctrl + A para selecionar todos e então Crtl + C para copiar todo o conteúdo (para Mac, use Cmd + A para selecionar todos e Cmd + C para copiar)

9. Abra o seu Gmail, clique em Compor para obter um e-mail em branco, clique com o mouse no campo de texto e pressione Ctrl + V para colar seu boletim informativo no campo de conteúdo de e-mail. Usuários de Mac podem pressionar Cmd + V

   

10. Sua newsletter agora aparece como seu conteúdo de e-mail. Digite o assunto e o endereço de e-mail e envie seu primeiro boletim informativo por e-mail!

Conclusão

Enquanto a pasta HTML do boletim informativo ainda estiver salva na pasta Pública do Dopbox, o destinatário poderá visualizar o boletim informativo corretamente, mas, depois de remover a pasta, o link será quebrado e o destinatário só poderá visualizar o arquivo. texto. Espero que você possa seguir este tutorial sobre como um boletim HTML básico pode ser criado com o Photoshop, em seguida, enviado em formato HTML via Gmail. Se você tem outras maneiras, compartilhe com o resto dos nossos leitores.