/meteor-pretty-email

Pretty emails for meteor

Primary LanguageHTML

Send pretty emails

meteor add supaseca:pretty-email

What this package does

  1. Replaces boring default Meteor emails
  2. Easily send pretty emails with call to action buttons

alt tag

Usage

  1. Install the package

  2. Set up global options

e.g.

PrettyEmail.options = {
  from: 'support@mycompany.com',
  logoUrl: 'http://mycompany.com/logo.png',
  companyName: 'myCompany',
  companyUrl: 'http://mycompany.com',
  companyAddress: '123 Street, ZipCode, City, Country',
  companyTelephone: '+1234567890',
  companyEmail: 'support@mycompany.com',
  siteName: 'mycompany'
  };
  1. Send your emails
Accounts.sendVerificationEmail(Meteor.userId());
Accounts.sendResetPasswordEmail(Meteor.userId());
Accounts.sendEnrollmentEmail(Meteor.userId());

or using template

PrettyEmail.send('call-to-action', {
  to: 'myuser@myuser.com',
  subject: 'You got new message',
  heading: 'Your friend sent you a message',
  message: 'Click the button below to read the message',
  buttonText: 'Read message',
  buttonUrl: 'http://mycompany.com/messages/2314',
  messageAfterButton: "I come after the button!"
  });

Templates

Call to action

call-to-action

PrettyEmail.send('call-to-action', options);

Options

from - required

to - required

subject - required

heading - required. Primary heading

headingSmall - optional. Secondary heading

message - required. Message to the user (e.g. 'Your bill has been paid')

buttonText - required. e.g. 'See your bill'

buttonUrl - required. e.g. 'http://mycompany.com/bills/12341234'

Basic

basic

Similar to call-to-action template except that it doesn't have a button and text is not centered.

Options

from - required

to - required

subject - required

heading - required. Primary heading

headingSmall - optional. Secondary heading

message - required. Message to the user (e.g. 'Your bill has been paid')

Global options

You can set your options globally with PrettyEmail.options object. PrettyEmail.send will merge this object with options argument so you can put here some other values (e.g. from to subject).

showFooter - default true

showFollowBlock - default true

facebook twitter googlePlus instagram pinterest youtube linkedin tumblr website email - links to specific social medias

companyName - name of your company (must be specified otherwise footer won't be rendered)

companyUrl - url of your company website

companyEmail - email of your company

companyAddress - address of your company

companyTelephone - telephone number of your company

siteName - name of your website

Custom style

You can change the style of your emails by manipulating PrettyEmail.style object. See default values below:

PrettyEmail.style = {
  fontFamily: 'Helvetica',
  textColor: '#606060',
  buttonColor: '#FFFFFF',
  buttonBgColor: '#007FFF'
  }

Customizing Accounts emails

You can change the text in the verification email etc.

e.g.

PrettyEmail.defaults.verifyEmail = {
  heading: 'Need to activate your account',
  buttonText: 'Activate',
  ...
  };