mai

mailrender

Base E-mail MKT

Showing:

Popularity

Downloads/wk

0

GitHub Stars

2

Maintenance

Last Commit

3yrs ago

Contributors

1

Package

Dependencies

24

Size (min+gzip)

33.5KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Mail Render

Base E-mail MKT

Installation

Install package.

npm install -g mailrender

or

yarn global add mailrender

Setup

mailrender start

Runing

mailrender run

Options

  • --no: Don\'t open browser tab
  • --production: Compress files to production

Configurations

Configurações Globais:

  • default: configurações padrão do sistema, tudo que é global deve estar em "default".

    • key: Chave única do projeto geralmente usada como a pasta container ex: yyyymmdd_my-campaign

    • title: Título do projeto

    • url: Url de destino geral ex: "http://www.mysite.com.br" todos componentes que não forem direcionados especificamente irão assumir esse caminho

    • width: Largura do projeto ex "640" (NÂO tem a unidade de medida)

    • path: Url dos arquivos (assets) ex: "http://cdn.mysite.com/mailfiles/"

    • params: todos os parametros das URLs de cada link ex: "utm_campaign": "hotsite_my-campaign" (todos os parametros devem estar com Chave/valor)

    • term: texto complemento/informativo, tratado como texto legal

Components

  • type: tipo do componente

  • email: [fixed, responsive]

  • banner: [full, responsive, coupon, video]

  • shelf: [static, shelf, offer, coupon, static] OBS: static, formato não responsivo, esse pode interferir em outros componentes responsivos.

  • class: Uma ou mais classes de referencia ao componente

  • colN: Numero de colunas de cada setor.

  • ctaW: Largura do botão de cada setor.

  • ctaH: Altura do botão de cada setor.

  • items: todas as imagens/informações que compoem o componente

    • dir: Direção do conteudo [ltr, rtl]
    • align: Alinhamento horizontal do conteudo [left, center, right, justify]
    • valign: Alinhamento vertical do conteudo [baseline, length, %, sub, super, top, text-top, middle, - bottom, text-bottom, initial, inherit]
    • sku: Codigo sku do produto
    • name: Nome do conteúdo
    • src: Nome + extenção da imagem do produto
    • alt: Texto de alt da imagem
    • tit: Titulo referente ao conteúdo (Pode ser tratado como HTML)
    • txt: Texto referente ao conteúdo (Pode ser tratado como HTML)
    • coupon: Texto referente ao conteúdo ex: 0011COUPON10OFF (Pode ser tratado como HTML)
    • cta: Texto do botão (Pode ser tratado como HTML)

License

Copyright (c) 2016 Lucas Monteverde @lucasmonteverde) Licensed under the MIT license.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial