BEE Free HTML email not rendering with styles in Make (Microsoft 365 Email module)

How To
, ,
1

Hey everyone,

I’ve designed a responsive confirmation email using BEE Free and integrated it into a workflow using Make with the Microsoft 365 Email module.

The HTML email looks great in BEE, but when it’s sent via Make, none of the styling appears — it renders as plain text or broken layout in Outlook and Gmail.

Here’s what I’ve already tried:

  • Set Body Content Type to html
  • Pasted the full HTML from BEE into the “Body Content” field
  • Confirmed that inline CSS is required for Outlook
  • Attempted to inline styles manually

Still, it won’t render properly — especially in Outlook.
Has anyone gotten a BEE Free HTML email to work reliably in Make using Microsoft 365?

Any working approach, workaround, or even alternative module advice would be appreciated!

Thanks

Here’s the email code snippet that I want to send out with styling:

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Project Confirmation</title>
</head>
<body style="background-color:#0a0b0b; margin:0; padding:0; font-family:Arial, sans-serif; color:#ffffff;">
  <table width="100%" cellpadding="0" cellspacing="0" style="background-color:#0a0b0b;">
    <tr>
      <td align="center">
        <table width="600" cellpadding="0" cellspacing="0" style="margin:0 auto;">
          <tr>
            <td style="padding: 20px; text-align: center;">
              <h1 style="color:#ffffff; font-size: 36px; margin-bottom: 40px;">We've Got Your Project Request</h1>

              <p style="font-size:16px; line-height:1.6; text-align:left;">Hi {{name}},</p>
              <p style="font-size:16px; line-height:1.6; text-align:left;">
                We’ve received your request for a <strong>{{service}}</strong> project and are reviewing the details.
              </p>
              <p style="font-size:16px; line-height:1.6; text-align:left;">Here’s what you shared with us:</p>

              <ul style="font-size:16px; line-height:1.8; padding-left: 20px; text-align:left;">
                <li><strong>Name:</strong> {{name}}</li>
                <li><strong>Email:</strong> {{email}}</li>
                <li><strong>Phone:</strong> {{phone}}</li>
                <li><strong>Budget Range:</strong> {{priceRange}}</li>
              </ul>

              <div style="margin: 30px 0;">
                <a href="https://example.com" style="background-color:#ffffff; color:#0a0b0b; padding:10px 20px; text-decoration:none; border-radius:4px; font-size:16px; display:inline-block;">Get Started</a>
              </div>

              <p style="font-size:16px; line-height:1.6; text-align:left;">
                We’ll be in touch shortly with the next steps. If you have any updates or questions in the meantime, just reply to this email.
              </p>

              <p style="font-size:16px; line-height:1.6; text-align:left;">
                Talk soon,<br>
                [Your Name]<br>
                [Your Agency Name]
              </p>

              <hr style="margin: 40px 0; border: none; border-top: 1px solid #444;">

              <p style="font-size:14px; text-align:center;">
              Company Name<br>
                <a href="mailto:contact@innovatework.net" style="color:#79e9ad; text-decoration:underline;">contact@innovatework.net</a><br>
                © 2025 Innovate Work. All rights reserved.
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
2

Update:

I just checked my sent folder for the email and it does look styled inside Outlook, the style disappears when it is sent to Gmail. What could be the issue?

3

Hi @Daniil Welcome to the community!

Can you please share your Gmail module configurations screenshot.

Best,