Por ser destinado para mailmarketing, o BitMail foi projetado para trabalhar com templates.

Para facilitar o uso, ele já vem com um template básico de demonstração chamado HELLO WORLD.

Para criar um template simplesmente crie uma pasta dentro da pasta, sem acentos e sem espaços, ./templates, no diretório onde você salvou o projeto do BitMail.

Dentro dessa pasta, você deve colocar o arquivo do template HTML em si e chama-lo de index.html. Além disso, adicione um arquivo PNG, com o título de thumb.png, que será a miniatura mostrada na barra inferior.

Edite o arquivo HTML sem as tags html,head e body, apenas com o conteúdo.

Existem algumas palavras-chaves que você pode utilizar para que sejam substituídas antes de enviar o e-mail.

Se você usar {name} ou  {message} (com as chaves), esses termos serão trocados pelo nome do destinatário (que puxará do arquivo CSV) e a mensagem, respectivamente. Lembrando que, ainda sim, a mensagem pode ter tags HTML nela.

Exemplo de código

index.html

<!--Hello World By Rodrigo Portillo-->
<div>
    <h1>Hello, {name}!</h1>
    <p>Its just an Example to how it works, with message:</p>
    <p>{message}</p>
</div>

Obs. As imagens deverão ser colocadas com a URL. Elas NÃO irão em anexo. Então se for usar uma imagem sua, primeiro suba ela em algum servidor.

Futuramente, iremos colocar a opção de anexos, inclusive das imagens.

Dicas

  • Evite palavras como “Promoção”, “Oferta” e similares, pois elas tendem a ser colocadas direto como spam
  • Alguns CSS não funcionam com e-mails
  • Use, sempre que possível, em como definição de tamanho de letras, para se adaptar melhor a dispositivos móveis
  • <style> as vezes pode falhar, prefira usar tags inline
  • Alguns programas mais antigos do Outlook não funcionam bem sem usar <table>