Overview
Icon for Brevo

Brevo

Deliver transactional emails through Brevo email

medusa-plugin-brevo-email

Notifications plugin for Medusa ecommerce server that sends transactional emails via Brevo.

Features

  • Uses the email templating features built into BREVO
  • The plugin is in active development. If you have any feature requests, please open an issue.
  • Create PDF invoices and credit notes and attach them to the email
  • Send out upsell emails to customers that have recently placed an order with certain collections
  • Send out automated abandoned cart emails to customers that have abandoned their cart (based on last updated date of cart)
  • Support different languages base on countrycode or locale. (Need to add "locale or countryCode to cart context on frontend)

Configuration

Enable in your medusa-config.js file similar to other plugins:

More events? (work in progress within the plugin!) See here

Config example with multi language

const plugins = [
// ... other plugins
{
resolve: `medusa-plugin-brevo-email`,
options: {
api_key: process.env.BREVO_API_KEY,
from_email: process.env.BREVO_FROM_EMAIL,
from_name: process.env.BREVO_FROM_NAME,
// Event templates with countryCode and locale support
events: {
order: {
placed: {
en: process.env.BREVO_ORDER_PLACED_EN || 3,
vn: process.env.BREVO_ORDER_PLACED_VN || 11, // Vietnamese template
default: process.env.BREVO_ORDER_PLACED || 3, // Fallback if neither countryCode nor locale match
},
canceled: {
en: process.env.BREVO_ORDER_CANCELED_EN || 6,
vn: process.env.BREVO_ORDER_CANCELED_VN || 14, // Vietnamese template
const plugins = [
// ... other plugins
{
resolve: `medusa-plugin-brevo-email`,
options: {
api_key: process.env.BREVO_API_KEY,
from_email: process.env.BREVO_FROM_EMAIL,
from_name: process.env.BREVO_FROM_NAME,
bcc: process.env.BREVO_BCC || null,
contact_list: {
enabled: process.env.BREVO_CONTACT_LIST_ENABLED || true,
contact_list_id: process.env.BREVO_CONTACT_LIST_ID || 2
},
pdf: {
enabled: process.env.BREVO_PDF_ENABLED || false,
settings: {
font: process.env.BREVO_PDF_FONT || 'Helvetica',
// [{file: 'yourfont.ttf', name: 'yourfont'},{file: 'yourfont-bold.ttf', name: 'yourfontbold'}]

Templates

The plugin uses the BREVO template system for emails. For attachments the plugin relies on the pdfkit library.
In your JSON templates you can use several types (and variables):

  • Copy to clipboardimage for (local) images
  • Copy to clipboardtext for simple words, (long) sentences, paragraphs and links
  • Copy to clipboardmoveDown for moving the cursor down one line
  • Copy to clipboardhr for a horizontal line
  • Copy to clipboardtableRow for a table(-like) row
  • Copy to clipboarditemLoop for looping over items in an order
  • Copy to clipboarditemLoopEnd for ending the item loop

Example:

[
{
"type": "image",
"image": "image.png",
"x": 100,
"y": 100,
"fit": [200, 50]
},
{
"type": "text",
"text": "This is a text",
"size": 20
},
{
"type": "moveDown",
"lines": 2
},
{
"type": "hr"
},

image

Images are stored in Copy to clipboard/src/images/ and can be used in the template like this:

{
"type": "image",
"image": "image.png",
"x": 100,
"y": 100,
"fit": [200, 50]
}

Copy to clipboardfit has multiple options, see here for more info.

Optional:
  • Copy to clipboardalign horizontally align the image, the possible values are Copy to clipboardleft, Copy to clipboardcenter, or Copy to clipboardright
  • Copy to clipboardvalign vertically align the image, the possible values are Copy to clipboardtop, Copy to clipboardcenter, or Copy to clipboardbottom

text

Text can be used for words, sentences, paragraphs and links.

{
"type": "text",
"text": "This is a text"
}

If you use Copy to clipboardmoveDown correct you won't need to use Copy to clipboardx and Copy to clipboardy for the text.

Optional:

These options can be used to style the text or to position it.

  • Copy to clipboardx the x position of the text
  • Copy to clipboardy the y position of the text
  • Copy to clipboardfont the font of the text
  • Copy to clipboardsize the font size of the text
  • Copy to clipboardcolor the color of the text (Hex codes Copy to clipboard#ff0000)
  • Copy to clipboardwidth the width of the text
  • Copy to clipboardalign the alignment of the text, the possible values are Copy to clipboardleft, Copy to clipboardcenter, Copy to clipboardright, or Copy to clipboardjustify.

For more styling options, see here for more info.

moveDown

This is used to move the cursor down one or more line(s).

{
"type": "moveDown",
"lines": 1
}

hr

This is used to draw a horizontal line.

{
"type": "hr"
}
Optional:
  • Copy to clipboardcolor the color of the line (Hex codes Copy to clipboard#ff0000)
  • Copy to clipboardwidth the width of the line if you don't want it to be the full width of the page
  • Copy to clipboardheight the height of the line element, including padding
  • Copy to clipboardy the y position of the line if you can not rely on the cursor (affected by Copy to clipboardmoveDown)

tableRow

This is used to draw a table row.

{
"type": "tableRow",
"columns": [
{
"text": "Column 1",
"width": 200
},
{
"text": "Column 2",
"width": 150
}
]
}
Optional:

You can use the same options as for Copy to clipboardtext to style the text in the table row. If you want a special column styled, you can add the options to the column object.

## Acknowledgement
This plugin is originally based on medusa-plugin-postmark by Fullstack-nl.

You may also like

Browse all integrations

Build your own

Develop your own custom integraiton

Build your own integration with our API to speed up your processes. Make your integration available via npm for it to be shared in our Library with the broader Medusa community.

gift card interface

Ready to build your custom commerce setup?