Create an Email Template

Quick Steps Guideline

Settings > Mail Templates > Create Email Template

  1. Access Mail Templates Log into your Netmera Panel, navigate to Settings, then select Mail Templates.

  2. Create New Template Click the Create Email Template button to start a new template.

  3. Configure Template Attributes Provide a unique internal name (Template Label), select the appropriate Email Type, and fill out other required fields such as sender details and subject.

  4. Design Your Template Choose a layout in the Structures section, then customize content using Blocks and Modules. Adjust appearance settings such as colors, fonts, and borders.

  5. Preview and Save Use the preview function to verify the email’s appearance, then save your template.

  6. Use Your Template After creation, the template appears in Your Email Templates section, ready to be used in campaigns or notifications.

Unsubscribe URL for Mail Templates

You can track unsubscribed users per campaign. To enable this:

  • Update your mail templates' Unsubscribe URL with:

    https://cdn.netmera-web.com/unsubscribe/?appkey=@{appkey}&userid=@{email}&campaignId=@{campaignId}
  • View unsubscribed users via: PanelCampaignsSelect a completed mail campaignReports

  • Export unsubscribe data for further analysis.

Windows Outlook Configurations

Some versions of Windows Outlook may display distortions if CSS definitions are missing or not properly applied. To ensure consistent apperance across all email clients, especially Outlook, make sure your template includes media styles in the CSS section.

Adding media styles in the CSS section:

  1. Open the template and switch to the Code Editor.

  2. Open the CSS tab in the top right corner.

  3. Add your media style definitions and save them.

  4. Test: Preview in several different clients (Outlook, Gmail, Apple Mail).

Example:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Template Attributes

Attribute
Description

Template Label

Internal name visible only to you. Choose descriptive names to quickly identify templates.

Email Type

Select one: - Notification: For transactional emails (password resets, confirmations). Sent to all users regardless of opt-in. - Campaign/Advertisement: Marketing emails sent only to opt-in users.

From Address

Pre-registered sender email address visible to recipients.

Sender Name

Display name your recipients will recognize (e.g., company name).

Mail Subject

Clear, concise email subject reflecting email content.

Mail Pre-header

Optional preview text shown after the subject line (min 40 characters recommended).

Reply Email

Optional reply-to address if you want recipients to reply directly. Leave blank to disable.

Important Notes on Email Type and Opt-Outs

Content

Structures

Predefined layouts organizing content (e.g., one-column, two-column). Easily dragged into the template workspace. You can customize borders (size, color, rounded edges) individually or collectively.

Blocks

Basic content elements that fit inside structures. Customizable properties include font, alignment, colors, padding, and size.

Block Type
Description
Key Features
Customization Options
Use Cases

Banner

Displays promotional visuals prominently in your email layout.

Image Format PNG, JPG, or GIF (max size: 1MB)

Placement Drag-and-drop or upload Features

  • Add titles and captions

  • Set links to redirect users on click

  • Responsive resizing

  • Background color

  • Spacing and alignment

Highlight promotions, campaigns, or new product launches

Countdown Timer

Creates urgency for limited-time offers or event reminders.

  • Countdown to a specific date and time

  • Automatically hide or replace after time expires

  • Font type, size, and color

  • Background and border color

  • Time unit display (days, hours, minutes, seconds)

  • Alignment

Flash sales, webinars, product launches

Menu

Adds navigation similar to website headers.

Multiple links (e.g., Home, Products, Blog, Contact)

Advanced Settings:

  • Add separators (like pipes or slashes)

  • Include icons beside text

  • Text font, size, style, and color

  • Horizontal or vertical layout

  • Padding and spacing

Mimics mini-site experience within email

HTML Block

Inserts custom code or third-party scripts.

  • Embed complex widgets not available in the visual editor

  • Add inline styles or hidden elements

Full control through HTML/CSS

Advanced design, custom components

Carousel

A rotating image/content block for showcasing multiple items in a limited space.

  • Supported formats: PNG, JPG, GIF (max 1MB each)

  • Add captions and clickable links per image

  • Arrows or swipe controls

  • Auto-play/manual

  • Transition duration, animation style

  • Indicators (dots/numbers)

  • Background/border styling

Product galleries, testimonials, portfolios

Accordion

Expandable sections for structured, long-form content.

  • Multiple sections (header + body)

  • Expand/collapse animation

  • Header/content background

  • Font size, color, weight

  • Borders, padding, spacing

FAQs, multi-step instructions, detailed info

Form

Collects data or feedback within emails (with external handling).

  • Submit button with redirect/confirmation

  • Text, email, dropdown, checkbox, radio, textarea

  • Placeholder text, input validation, required fields

  • Font, color, and spacing for labels and fields

Use Case: Quick surveys, RSVPs, simple contact collection

Modules

  • Save reusable content blocks or full templates for future use

  • Search and filter modules by name or tags

  • Edit or delete modules as needed

Appearance

The appearance settings help define the overall look and feel of your template. They let you adjust visual elements such as fonts, spacing, colors, and backgrounds to create a polished and brand-consistent design.

Example: When designing a newsletter, you can use appearance settings to choose a readable font, set appropriate spacing, and apply a background image to match your theme.

General Settings

General Settings let you configure the foundational design of your template. You can adjust:

  • Message Width – Set how wide the content area is.

  • Default Padding – Control spacing between content and template edges, either globally or per section.

  • Background Color – Select a base color for the entire template.

  • Font and Line Spacing – Choose font styles and adjust line spacing for better readability.

  • Paragraph Bottom Space – Set space between paragraphs.

  • Underline Links – Toggle underlining to make links stand out.

  • Responsive Design – Ensure layout adjusts well on mobile devices.

  • RTL Text Direction – Enable right-to-left text flow for applicable languages.

  • Background Image – Upload a PNG, JPG, or GIF (max 1MB), or use a URL to add a visual background.

Stripes

Stripes are horizontal sections used to structure the template. They help separate content clearly and improve readability.

Stripe Sections

  • Header: Customize the top of your template with options for text size, font color, background color, link color, and background image.

  • Content: Adjust the main body settings like text size, font color, link color, and content background.

    Tip: Use this area to enhance readability with clear fonts and contrasting background colors.

  • Footer: Design the bottom section with options for background colors, font and link colors, and an optional background image.

    Tip: Add contact details and social media links here.

  • Info Area: A separate section for details like dates, times, or links to external actions (e.g., registration or ticket purchase).

    Tip: Ideal for highlighting event-related information.

Headings

Customize the appearance of headings across your template:

  • Set font type and size

  • Adjust line spacing and color

  • Apply italic or bold styling

Button

Control how buttons look in your template:

  • Set button and font colors

  • Choose font size and style (italic/bold)

  • Adjust border size, color, and corner radius

Mobile Formatting

Optimize your template for mobile devices:

  • Adjust text sizes, alignments, and spacing

  • Set buttons to full-width for better tap targets

Last updated

Was this helpful?