Strapi Plugin Email Designer

screenshot of Strapi Plugin Email Designer

Strapi Plugin Email Designer

Design your own email templates w/ visual composer directly inside the Strapi admin panel and send composed emails programmatically from your controllers / services.


The Strapi Email Designer plugin allows users to design their own email templates directly from the Strapi CMS admin panel and easily send programmatically emails from their controllers/services. The plugin utilizes the visual composer provided by Unlayer.


  • Design email templates with ease using the visual composer
  • Use {{mustache}} templating language for variables in the templates
  • Automatically generate a text version of the email from the HTML version
  • Iterate through arrays in the template's body
  • Send emails programmatically


To install the Strapi Email Designer plugin, follow these steps:

  1. Install Strapi by running the Quickstart command:
npx create-strapi-app my-project --quickstart
  1. Install yarn (recommended) if not already installed:
npm install -g yarn
  1. Configure the Strapi email plugin by following the official documentation.

  2. Add the strapi-designer plugin and update the config file config/middlewares.js as instructed.

  3. Build a fresh package that includes the plugin UI by running:

yarn build

OR run Strapi in development mode with the --watch-admin option:

yarn develop --watch-admin
  1. The Email Designer plugin should appear in the Plugins section of the Strapi sidebar.


The Strapi Email Designer plugin allows users to easily design and send email templates directly from the Strapi CMS admin panel. With the visual composer provided by Unlayer, users can create customized templates using variables and iterate through arrays. The plugin also supports programmatically sending of emails. Overall, this plugin simplifies the process of email template design and management within the Strapi CMS.


Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.

Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.