Skip to content
Modular Mail Docs

Your First 10 Minutes

This guide provides a high-level checklist to get you from zero to your first edited campaign as quickly as possible.

Quick-Start Checklist

Section titled “Quick-Start Checklist”

Our goal is to have you using the editor in under 10 minutes. Here’s how:

  1. Log In: Visit app.modular-mail.com and enter your email and password.

  2. Create Your Template:

    • Navigate to the “Templates” section in the main menu.
    • Click “New Template” and give it a descriptive name (e.g., “Weekly Newsletter Template”).

  3. Paste Your Header & Footer:

    • Click the “Edit Header” button. Paste in your email’s code from the beginning <!DOCTYPE html> down to the opening <td> that will wrap your modules.
    • Click the “Edit Footer” button. Paste in the rest of your code, from the closing </td> tag to the final </html>.
    • (For a detailed guide on how to split your file, see the “Breaking Up an HTML Template” article).

  4. Add Your First Module:

    • In the Modular Mail editor, click “Add Module”.
    • Give the module a name in the UI (e.g., “Hero Image”).
    • Paste your module’s HTML code into the code field. This code should be a self-contained <table>.
    • Inside the module’s HTML, add mm-editable attributes to any content you want to be editable. You can also add data-mm-label to give the content field a contextual label. For example: <img mm-editable data-mm-label="Hero Image" src="...">.
    • Save the module.
    • Repeat for any additional modules you would like to add.

  5. Create a Campaign:

    • Go to the “Campaigns” section.
    • Click “New Campaign” and select the template you just created.

  6. Add an Module:

    • In the campaign editor, click the plus icon in the Modules sidebar and select a module.
    • Click on the name of the module in the Modules sidebar and the editable fields for the module will display in the Module Content sidebar.
    • Change the content and click “Save” to see your changes live in the preview.

  7. Export Your Campaign:

    • Click the “Export” button.
    • Download the final, inlined HTML, ready for your Email Service Provider (ESP).

That’s it! You’ve successfully used the core workflow of Modular Mail.