Design email to MS-outlook

Hi all,
Most of the users for one of my apps are using MS-Outlook to manage their emails. I’d like to configure Glide to properly relay information to outlook. For example, clicking a button will initiate the “Compose Email” action. Inside that email body, I’d like to “hide” some text with white font, for future tracking/associating these emails.
Microsoft outlook isn’t very developer friendly when it comes to designing the body of the email.
If we configure the body to include HTML, outlook will treat it as text and show it (as is) in the email body.

image

image

Apparently, this is a known issue. I’ve tried implementing some ideas found on various sites, such as this one.

I’m probably doing something wrong, as none of these solution work, such as:

  1. attaching an HTML file - Glide doesn’t support pre-configured attachments when comping an email.
  2. HTMLbody parameter - I believe this is just for VBA and I’m not really sure how to use this.

Anyone played with this before?

No, but have you tried including <!DOCTYPE html> ?

My suggestion would be to take your email template and run it through a HTML validator, and follow any suggestions it makes to ensure it’s valid HTML.

1 Like

Thanks, that was a great path finder :slight_smile:
So I’ve tried some free online tools to build the HTML code, such as Bootstrap email

Their example template passed your suggested validator

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
       /* Add custom classes and styles that you want inlined here */
    </style>
  </head>
  <body class="bg-light">
    <div class="container">
      <div class="card my-10">
        <div class="card-body">
          <h1 class="h3 mb-2">Bootstrap Email</h1>
          <h5 class="text-teal-700">Here is a very simple email using Bootstrap Email</h5>
          <hr>
          <div class="space-y-3">
            <p class="text-gray-700">Click the "Render" button at the top of the page every time you want to rebuild the email.</p>
            <p class="text-gray-700">
              We hope you enjoy using Boostrap Email. This is our Online Editor that allows you to edit emails
              and have them render directly in the browser. The outputted HTML will be in the "HTML" tab in the top
              and that is the HTML you want to use to send emails. All the styles and responsive CSS are self contained in the
              HTML that is generated making is very portable needing no external CSS files.
            </p>
            <p class="text-gray-700">
              You can use the "Test" button to email yourself the outputted code to test in your inbox and email client.
            </p>
            <p class="text-gray-700">
              Check out the <a href="https://bootstrapemail.com/docs/introduction" target="_blank">Documentation</a> for syntax and usage of writing emails with Bootstrap Email.
            </p>
          </div>
          <hr>
          <a class="btn btn-primary" href="https://app.bootstrapemail.com/templates" target="_blank">Get More Email Templates</a>
        </div>
      </div>
    </div>
  </body>
</html>

However, when setting this as the body in either a “Compose email” action or an “Email” component, the result is the same: nothing. As in nothing happens when clicking the button. I assume this means Outlook cannot compile this message so it simply rejects it.

Ideas?

OK, so HTML is apperently not allow as a value for “body” in a Mailto link… :frowning:

Their suggestion here is another breadcrumb on our way to solve this thing:

<form action="mailto:user@example.com" method="get">
<input name="subject" type="hidden" value="Message Title">

Feedback:<br/>
<textarea name=body cols="40">
Please share your thoughts here
and then choose Send Feedback.
</textarea>

<input type="submit" value="Send Feedback">
</form>

I tried adding this to a rich text component but it didn’t quite work…
image

Haven’t given up on this yet, but I probably will soon…:angry:
I think the solution for this will require some coding (PHP, VBA) or power automate

Anyone has experience with those inside Glide?