How to Create HTML Template for Email?

How to Create HTML Template for Email?

Overview

Creating HTML Email Templates allows for complete customization and control over email design, ensuring effective communication.

  • Custom Design: Build emails tailored to your brand and messaging.

  • Flexible Layouts: Use HTML to structure and style emails as needed.

  • Enhanced Engagement: Incorporate interactivity for better recipient experience.

This ensures visually appealing and well-structured email templates for effective outreach.

Step-by-Step Guide to Create an HTML Template for Email

1. Accessing the Template Manager

  1. Navigate to Template Manager in Meritto CRM.

  2. Click on Manage Communication Templates from the left navigation menu.

2. Creating a New Template

  1. Click on Create Template at the top-right corner.

  2. Select Email as the template type. This will be recorded in your template records.

  3. Fill in the required details:

    • Template Name: Assign a name for easy identification.

    • Template Applicable For: Select the category where the template will be used (e.g., Leads, Applications, Widgets, etc.). Note: This field is non-editable once selected.

    • Nature of Template: Choose Promotional or Transactional, depending on usage.

    • Subject: Enter the subject line of the email.

  4. (Optional) Attach files by clicking Choose Files (Max file size: 5MB).

  5. Select users who can access and edit the template under Select User. Ensure you have added yourself or relevant users to avoid access issues.

  6. Click Save and Next to proceed.

3. Writing the HTML Email Template

  1. Click on Code Your Own on the top-right corner.

  2. Click on Source to open the HTML editor.

  3. Write or paste your HTML code in the editor.

  4. Click Source again to preview the email template.

Idea

For e.g. you want to insert a table:

<style>
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      font-size: 16px;
      text-align: left;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 10px;
    }
    th {
      background-color: #f4f4f4;
    }
    tr:nth-child(even) {
      background-color: #f9f9f9;
    }
  </style>

4. Saving & Publishing

  • Once satisfied with the email template, click Save or Publish to finalize the template.

Points to Keep in Mind

  • Ensure your HTML code is well-structured and mobile-responsive.

  • Attachments should not exceed the 5MB limit.

  • Assign access permissions to relevant users to avoid editing restrictions.

  • Use Preview before publishing to check for formatting issues.

Conclusion

Creating an HTML email template in Meritto enables you to craft visually appealing, structured, and brand-aligned emails with complete customization. This process ensures consistency, enhances engagement, and improves communication efficiency. By following these steps, you can create professional email templates that cater to your specific outreach needs, making your email campaigns more effective and impactful.



    • Related Articles

    • How to Create Document Template?

      Overview This article guides you through creating and managing Document Templates in Meritto. Document Templates are preformatted documents that can be displayed on the Applicant Dashboard or used internally by backend users. For more details, refer ...
    • How to Create a Landing Page using HTML builder?

      Overview A Landing Page is a standalone web page designed for marketing and advertising purposes. It is where visitors land after clicking on a promotional link in an email, advertisement, or social media post. This article will guide you through the ...
    • How to create Marketing Page with Drag & Drop Template?

      Overview Creating an engaging and effective marketing page can significantly improve your lead generation and conversion rates. With Meritto's Drag & Drop Template, you can easily design a marketing landing page without needing any coding skills. A ...
    • How to Create Communication Templates?

      Overview Communication Template Creation in Meritto enables standardized messaging across multiple channels. Predefined Formats: Create templates for Email, SMS, WhatsApp, and more. Consistency in Messaging: Ensure uniform communication across all ...
    • How to Create a Webform (Widget)

      Overview This article provides a complete, step-by-step guide to help you successfully create, customize, and publish a new website Webforms. These Webforms are essential tools for capturing new leads from your website. By following these steps, you ...