A new responsive email workflow based on Daryll Doyle's great work!
To use MailGrid you need to have both Node.js and Gulp.js installed .
You can install it by cloning this repository to a local folder and running the following from inside the directory.
npm install
This will install all dependencies.
You will need to get a Mailchimp API by creating one in your Mailchimp account. Instructions Here.
You can use the MailGrid by creating your HTML in the ./src/html/
directory and your LESS in the ./src/less
directory.
Running gulp
from the terminal will build the new HTML email template into the ./output/
directory and the proceed to watch ./src/html/
and ./src/less/
for any updates.
The gulpfile has browsersync built in and will reload on any HTML or CSS edit, allowing you to focus on your code.
Running gulp send
will allow you to send the compiled template to yourself through Mailgun (you'll need to sign up for a free account). The settings for this can be found in the config.json
file.
To run this, you can use the following command
gulp send --template="compiled-template-name.html"
You can now throw your emails straight into Litmus tests. You'll need an active Litmus account and to get your static email. Plug this into the config.json
file and then run the following command.
gulp litmus --template="compiled-template-name.html"
In a few seconds/minutes, you'll see the test appear in Litmus for you!
Any contributions will be happily received. Simply open a new issue or create a new pull request. However, please consider if your contributions would be more suitable upstream.