✨ Overview

You can now use ChatGPT to quickly generate custom, responsive HTML email templates for your business. This guide shows you how to use ChatGPT and Easyly together — even if you're not technical.

🧭 Step-by-Step Instructions

1. Go to Settings → Marketing → Email Templates

Click on “New Template” in the top-right corner

2. Choose the “Blank” option

This gives you full control over your design

3. On the right-hand panel, under Content, find the HTML block

Drag the HTML block

4. Drag and drop the HTML block into the blue area that says:

🟦 “Drop content blocks here.”

5. Click on the HTML block that appears

You’ll see default text that says:
📝 “I’m a new HTML block.”

6. On the right side, find the HTML Properties tab

Select and delete the default code
Now you're ready to paste in your ChatGPT-generated HTML!

🤖 How to Use ChatGPT to Generate Your Email Code

You can ask ChatGPT to create a full email template for you, using your Easyly merge tags.

🏷 Merge Tags You Can Use

Here are just a few useful merge tags:

Description	Merge Tag
Contact Full Name	`{{contactFullName}}`
Contact First Name	`{{contactFirstName}}`
Contact Last Name	`{{contactLastName}}`
Contact Email	`{{contactEmail}}`
Contact Phone	`{{contactPhone}}`
Company Name	`{{companyName}}`
Company Address	`{{companyAddress}}`
Company Phone	`{{companyPhone}}`
Company Website	`{{companyWebsite}}`
Customer Panel	`{{customerPanelLink}}`
Customer Panel - Payments	`{{customerPanelPaymentsLink}}`
Current Date	`{{currentDate}}`

You’ll find the full list of tags in the email template editor sidebar.

💡 Pro Tips

Test your email with a test lead before sending to customers
Use clear calls to action (like “View My Move” or “Confirm Details”)
Stay consistent with your brand colors

🖼 How to Add Your Logo via URL (Recommended)

For best results, insert your company logo using a hosted image URL.

Here’s how:

Drag an Image block into your email

Click the image and go to the right sidebar
In the URL field, paste your image link (e.g. from your website or CloudFront)
Optional: Add Alt Text for accessibility

✅ This improves email rendering and ensures your logo loads across all inboxes.

✅ Copy & Paste Prompt for ChatGPT

Prompt:

Write a responsive, professional HTML email for a general small business to send to a customer. The email must include and correctly use the following Easyly merge tags:

Contact Information

{{contactFullName}}
{{contactFirstName}}
{{contactLastName}}
{{contactEmail}}
{{contactPhone}}

Company Information

{{companyName}}
{{companyAddress}}
{{companyPhone}}
{{companyWebsite}}

Customer Links

{{customerPanelLink}}
{{customerPanelPaymentsLink}}

System Data

{{currentDate}}

Design & Content Requirements:

Add a branded hero header with a headline
Include a short promotional or reminder message
Add a clear call‑to‑action button linking to {{customerPanelLink}}
Include a secondary link or button for {{customerPanelPaymentsLink}}
Add a professional footer with company contact details
Use clean, modern styling
Make the email mobile‑friendly

Output HTML only, ready to paste into Easyly’s HTML email editor.

You can adjust this prompt to fit any purpose — from payment reminders to onboarding, or promo emails.

📄 Example Output (HTML Template)

<html style="margin:0; padding:0;">
  <head>
    <meta content="width=device-width, initial-scale=1.0" />
    <title>Message from {{companyName}}</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        background: #f8fafc;
        font-family: Arial, Helvetica, sans-serif;
        color: #1f2937;
      }

      a {
        text-decoration: none;
      }

      @media screen and (max-width: 600px) {
        .container {
          width: 100% !important;
        }

        .hero-title {
          font-size: 22px !important;
        }
      }
    </style>
  </head>

  <body>
    <table width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center" style="padding:20px;">

          <table width="600" class="container" cellpadding="0" cellspacing="0" style="background:#ffffff; border-radius:14px; overflow:hidden; border:1px solid #e5e7eb;">

            <!-- Header -->
            <tr>
              <td align="center" style="padding:28px; background:#4f46e5;">
                <h1 class="hero-title" style="margin:0; color:#ffffff; font-size:26px;">
                  A Quick Update from {{companyName}}
                </h1>
                <p style="margin-top:8px; color:#e0e7ff; font-size:14px;">
                  Sent on {{currentDate}}
                </p>
              </td>
            </tr>

            <!-- Body -->
            <tr>
              <td style="padding:28px;">
                <p style="font-size:16px; margin:0 0 16px;">
                  Hi {{contactFirstName}},
                </p>

                <p style="font-size:15px; color:#475569; margin:0 0 18px;">
                  We’re reaching out to share a quick update and a special offer for our valued customers at <strong>{{companyName}}</strong>.
                </p>

                <div style="background:#fef3c7; border:1px solid #facc15; padding:16px; border-radius:10px; margin-bottom:18px;">
                  <p style="margin:0; font-size:15px; color:#92400e;">
                    ⭐ As a thank you, enjoy exclusive access to your account and special offers available for a limited time.
                  </p>
                </div>

                <p style="font-size:14px; color:#64748b;">
                  You can view your details, manage services, and stay up to date using your customer dashboard.
                </p>

                <div style="text-align:center; margin-top:24px;">
                  <a href="{{customerPanelLink}}" target="_blank"
                     style="background:#10b981; color:#ffffff; padding:14px 32px; border-radius:8px; font-size:16px; font-weight:bold; display:inline-block;">
                    Access My Account
                  </a>
                </div>

                <div style="text-align:center; margin-top:12px;">
                  <a href="{{customerPanelPaymentsLink}}" target="_blank"
                     style="font-size:14px; color:#2563eb;">
                    View Payments
                  </a>
                </div>
              </td>
            </tr>

            <!-- Footer -->
            <tr>
              <td style="background:#f1f5f9; padding:20px; text-align:center; font-size:12px; color:#64748b;">
                <p style="margin:0;">
                  {{companyName}}<br />
                  {{companyAddress}}<br />
                  {{companyPhone}} | {{contactEmail}}<br />
                  <a href="{{companyWebsite}}" style="color:#2563eb;">Visit our website</a>
                </p>
              </td>
            </tr>

          </table>

        </td>
      </tr>
    </table>
  </body>
</html>

🧠 How to Create Beautiful Email Templates Using ChatGPT + Easyly’s HTML Editor