> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mailgreet.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Email Templates Gallery

> Browse, manage, and customize professional email templates in MailGreet for newsletters, marketing, events, and more

# Email Templates

Create beautiful, professional emails with MailGreet's template system. Whether you start from scratch or customize existing designs, our templates make email creation effortless.

***

## Accessing Templates

Navigate to **[Templates](https://mailgreet.com/dashboard/templates)** in the sidebar to access your template library.

<img className="block dark:hidden rounded-lg shadow-md my-4" src="https://mintcdn.com/mailgreet/xBjw6VY8ANfhCldu/images/templates-page-light.png?fit=max&auto=format&n=xBjw6VY8ANfhCldu&q=85&s=4d83d24e4512b431a0a596fef1521320" alt="Templates Page" width="1916" height="852" data-path="images/templates-page-light.png" />

<img className="hidden dark:block rounded-lg shadow-md my-4" src="https://mintcdn.com/mailgreet/xBjw6VY8ANfhCldu/images/templates-page-dark.png?fit=max&auto=format&n=xBjw6VY8ANfhCldu&q=85&s=cff92475bacf1967b473f7f564bff413" alt="Templates Page" width="1919" height="854" data-path="images/templates-page-dark.png" />

***

## Template Categories

Organize your templates using the built-in category tabs:

<CardGroup cols={3}>
  <Card title="All Templates" icon="grid">
    View all templates in your account
  </Card>

  <Card title="Newsletters" icon="newspaper">
    Regular updates and content digests
  </Card>

  <Card title="Marketing" icon="bullhorn">
    Promotional campaigns and offers
  </Card>

  <Card title="Events" icon="calendar">
    Event invitations and reminders
  </Card>

  <Card title="Transactional" icon="receipt">
    Order confirmations, receipts, etc.
  </Card>

  <Card title="Custom" icon="paintbrush">
    Your custom-created templates
  </Card>
</CardGroup>

<Tip>
  Use the **search bar** to quickly find templates by name.
</Tip>

***

## Template Types

MailGreet supports three template formats:

| Format            | Best For      | Features                                   |
| ----------------- | ------------- | ------------------------------------------ |
| **Block Builder** | Most users    | Drag-and-drop, no coding required          |
| **HTML Editor**   | Developers    | Full HTML/CSS control, syntax highlighting |
| **Plain Text**    | Simple emails | Text-only, variable support                |

***

## What's in a Template Card?

Each template in your library displays:

* **Template Name** - Click to edit
* **Creation Date** - When it was created
* **Format Badge** - HTML or Block Builder
* **Quick Actions**:
  * ✏️ **Edit** - Open in editor
  * 📋 **Duplicate** - Create a copy
  * 🗑️ **Delete** - Remove template

***

## Creating Your First Template

<Steps>
  <Step title="Click Create Template">
    From the Templates page, click the green **Create template** button in the top right
  </Step>

  <Step title="Choose Your Format">
    Select your preferred editor:

    <CardGroup cols={3}>
      <Card title="Block-Based Editor" icon="cubes">
        **Recommended** — Drag-and-drop builder for professional emails without coding
      </Card>

      <Card title="HTML Editor" icon="code">
        Full HTML/CSS control with syntax highlighting and live preview
      </Card>

      <Card title="Plain Text" icon="align-left">
        Simple text-based emails with variable support for personalization
      </Card>
    </CardGroup>
  </Step>

  <Step title="Set Template Details">
    Fill in the following:

    * **Template Name** — Give it a descriptive name
    * **Description** (optional) — Describe the template's purpose
    * **Category** — Choose from Newsletters, Marketing, Events, Transactional, or Custom
    * **Type** — Select Email Template or Landing Page (paid plans)
  </Step>

  <Step title="Create Template">
    Click **Create Template** to open the editor and start designing
  </Step>
</Steps>

***

## Managing Templates

### Edit a Template

1. Find the template in your library
2. Click on the template card or the edit icon
3. Make your changes in the editor
4. Click **Save & Return** to save

### Duplicate a Template

Create a copy to make variations:

1. Hover over the template card
2. Click the **Duplicate** icon
3. A copy is created with "(Copy)" appended to the name
4. Edit the duplicate as needed

### Delete a Template

<Warning>
  Deleted templates cannot be recovered. Make sure you really want to remove it!
</Warning>

1. Hover over the template card
2. Click the **Delete** (trash) icon
3. Confirm deletion in the popup

***

## Template Types Explained

<Tabs>
  <Tab title="Block Builder">
    **Best for:** Non-technical users, marketers, content creators

    **Features:**

    * Drag-and-drop interface
    * Pre-built content blocks (Text, Image, Button, etc.)
    * Real-time desktop/mobile preview
    * Global styling options
    * Variable insertion for personalization
    * Export as HTML

    **[Learn more about the Block Editor →](/template-editor)**
  </Tab>

  <Tab title="HTML Editor">
    **Best for:** Developers, designers with HTML experience

    **Features:**

    * Full HTML/CSS code editor
    * Syntax highlighting
    * Live preview panel
    * Subject line and preheader fields
    * Import external HTML
    * Export template JSON
    * Variable helper for merge tags

    **[Learn to create custom HTML templates →](/creating-custom-templates)**
  </Tab>

  <Tab title="Plain Text">
    **Best for:** Simple communications, fallback versions

    **Features:**

    * Simple text editor
    * Variable support (`{{first_name}}`, etc.)
    * No formatting required
    * Better deliverability for some use cases
  </Tab>
</Tabs>

***

## Using Variables in Templates

Personalize your templates with merge variables:

| Variable               | Output                     |
| ---------------------- | -------------------------- |
| `{{first_name}}`       | Subscriber's first name    |
| `{{last_name}}`        | Subscriber's last name     |
| `{{email}}`            | Subscriber's email         |
| `{{unsubscribe_link}}` | Unsubscribe URL (required) |
| `{{custom_field}}`     | Any custom field value     |

<Info>
  Always include `{{unsubscribe_link}}` in your templates to comply with email regulations and maintain deliverability.
</Info>

***

## Best Practices

<AccordionGroup>
  <Accordion title="Keep It Mobile-Friendly" icon="mobile">
    Over 60% of emails are opened on mobile. Use the mobile preview to check your design and keep content simple.
  </Accordion>

  <Accordion title="Maintain Brand Consistency" icon="brush">
    Use consistent colors, fonts, and logo placement across all templates for brand recognition.
  </Accordion>

  <Accordion title="Use Clear CTAs" icon="bullseye">
    Include one primary call-to-action per email. Make buttons prominent and text clear.
  </Accordion>

  <Accordion title="Test Before Sending" icon="flask">
    Always send test emails to yourself before campaigns to check rendering across email clients.
  </Accordion>
</AccordionGroup>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Template Editor" icon="wand-magic-sparkles" href="/template-editor">
    Master the Block-Based Editor
  </Card>

  <Card title="Custom Templates" icon="code" href="/creating-custom-templates">
    Build HTML templates from scratch
  </Card>
</CardGroup>