Module Library

A module is a reusable structural element of an email template, such as a header with your app logo, a footer with app store badges, a feature announcement card, or a subscription plan block.

Use modules to quickly build an email without creating elements from scratch. For example, save a header and a footer once and reuse them in onboarding, trial ending, and win-back emails, so every email looks consistent.

The editor includes a built-in module library available in the Structures & Modules panel.

Structures & Modules icon highlighted in the editor side panel

The library contains two tabs:

  • My modules — modules saved by the user.
  • General modules — standard modules provided by the editor.
Modules tab highlighted with the dropdown open showing the My modules and General modules options

To add a module to the email, drag it to the desired place in the template.

Dragging a module from the library into the email template

Creating a Module

  1. Open an existing email or create a new one (Messages → Messages → Email).
Messages section with the Email channel underlined and the New Email button highlighted
  1. Hover over the element and click the three dots:
  • for a Structure or Stripe on the right;
  • for a Container on the left.
Structure selected in the email with the Structure label and the three-dot icon highlighted
  1. Click the Save as module icon to open the module settings panel.
Element toolbar with the Save as Module icon highlighted and its tooltip shown
šŸ“˜

Note

You can create a module from a Stripe, Structure, or Container.

Module Settings

Do the following:

  1. Enter a module name to find it quickly in the library.
  2. Add a description that explains the module’s purpose (optional).
  3. Select a category so the Global styles and Layout tab settings apply based on the element type (optional).
  4. Turn on the Synchronized toggle if you want the module to update automatically in other emails (see Synchronized modules for details).
  5. Add tags for easier search (optional).
  6. Add the ID for use in emails with dynamic variables.
  7. Click Save.
Save as module panel with the Module Name (1), Description (2), Category (3), Keep Module Styles (4), Synchronized (5), Tags (6), Id (7), and Save (8) fields marked

After that, the module will appear in the My modules tab.

Searching, Sorting, and Filtering Modules

Use search, sorting, and filters to find modules faster.

Search

Enter the module name, tag, or ID in the search field.

Module library with the search field highlighted above the category list

Sorting and Filtering

  1. Click the settings icon to the right of the search field.
  2. Select options:

Sort by

  • Name
  • Date Modified
  • Recent Usage

Filter by Element Type

  • Stripe
  • Structure
  • Container

Filter by Tags

  • select one or more tags.

Use the arrow buttons to change the sorting order:

  • ↑ — ascending order;
  • ↓ — descending order.
Sorting and filtering menu with the Sort by options underlined and the Filter by Element Type list shown
ā—ļø

Important

Clear the filters and the search field when needed. Otherwise, the system continues to display modules according to the last applied filter results.

Display Mode

Click the display icon and select a mode:

  • List
  • Grid
  • Small grid
Display mode menu open showing the List, Grid, and Small Grid options

Hover over the information icon to view:

  • the module name and description;
  • the element type (stripe, structure, or container);
  • the tag;
  • the creation date and the last modified date;
  • the module ID.
Module library with the info icon highlighted and its tooltip showing the module name, description, element type, tag, creation and modification dates, and ID

Editing a Module

šŸ“˜

Note

General modules cannot be edited. Save them as your own first.

  1. Hover over the required module in the list.
  2. Click the three dots and select Edit.
Module three-dot menu open with the Edit option highlighted
  1. Make the necessary changes.
  2. Update the module or save it as a new one.
Update module panel with the Update button highlighted and the Save as New option shown

Deleting a Module

  1. Hover over the required module in the list.
  2. Click the three dots.
  3. Select Delete and confirm the action.
Module three-dot menu open with the Delete option highlighted

Using General Modules

General modules include ready-made elements grouped into categories such as headers, banners, product cards, footers, and other sections. Use them to assemble your email structure faster and reduce creation time.

General modules list with the categories and their module counts highlighted
šŸ“˜

Note

General modules do not have tags, so you cannot filter them by tags.


Did this page help you?