VTEX Email Framework

Development environment setup for VTEX transactional emails

Features

Development

• Sass

• Hot Reload

• Partial Files

• Dashboard

• Boilerplate

• Syntax Highlight

• Template Engine

Production

• Minify css

• Autoprefixer

• Inline styles

• HTML Attributes

• Embedded styles

Requirements

Install

  yarn install

Guide

• Data and template file name must be the same

app
│
└───json
│   │   order-confirmation.json
│   │   payment-aproved.json
└───templates
    │   order-confirmation.hbs
    │   payment-aproved.hbs
    └───partials
        │   Header.hbs
        │   Shelf.hbs

• Partials

<Shelf class="partial">{{> Shelf}}</Shelf>

Comand

• Development

yarn dev

• Production

yarn build

References

Handlebars

Emails Support

Vtex Templates

Vtex Message Center