Module Library

A module is a reusable structural element of an email template, such as a header, product card, banner, footer, or similar component.

Use modules to quickly build an email without creating elements from scratch.

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

Email editor with the Structures & Modules icon highlighted, showing a tooltip describing the panel

The library contains two tabs:

  • My modules — modules saved by the user.
  • General modules — standard modules provided by the editor.
Modules panel with the Modules tab and the My modules / General modules dropdown highlighted, showing a list of module categories

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

Product Cards module being dragged from the My modules panel into the email template

Creating a Module

  1. Open an existing email or create a new one (Messages → Messages → Email).
Top navigation with Messages menu and Email option highlighted above the messages list
  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 element selected in the template with the three-dot icon highlighted, and the Structure settings panel open
  1. Click the Save as module icon to open the module settings panel.
Structure context menu open with the Save as Module option and download icon highlighted
šŸ“˜

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 Module Name, Description, Category, Keep Module Styles, Synchronized, Tags, Id, and Save fields numbered one through eight

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.

General modules panel with the search field highlighted, listing module categories such as Headers, Banners, and Product Cards

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.
My modules panel with the settings icon and sorting and filtering dropdown open, showing Sort by, Filter by Element Type, and Filter by Tags sections
ā—ļø

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
My modules panel with the display mode icon highlighted and a dropdown open showing List, Grid, and Small Grid options

Hover over the information icon to view:

  • the module name;
  • the element type (stripe, structure, or container);
  • the creation date and the last modified date.
Product Cards module list with the info icon highlighted, showing a tooltip with the module's name, description, type, and tags

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 context menu open with the Edit option highlighted, next to Add to Favorites and Delete
  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 underlined

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 context menu open with the Delete option highlighted

Using General Modules

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

General modules panel with the full list of module categories highlighted, including Headers, Banners, Product Cards, and eCommerce
šŸ“˜

Note

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



Did this page help you?