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>