Question

How do you create within Smartmail an email with html format?

  • 30 March 2023
  • 3 replies
  • 155 views

Badge

Hello,

I created an html formatted email but when the email notification comes in via Outlook, all the html code shows and none of the formatting.  Any idea how to get it to come through.  We are using assyst 11.5.

We currently use .txt files and I’m trying to get it to look nicer, insert links etc.

Thanks


3 replies

Userlevel 4
Badge +12

We had to include a CSS element at the top of the mail HTML to achieve this. Ours are saved as Action Templates and passed into SmartMail as a short code by the Action Processor, but it will likely work the same.

Userlevel 3
Badge +10

Hi,

your html file for the templates is most likely missing some needed html code. 

 

Here is an example of a basic email for call resolution:

 

<html>
<head>
<style type="text/css">
    #container {padding: 0 30px;}
    table#msg {border: 1px solid #00876E; border-collapse: collapse; margin: auto;width: 700px;font-family:verdana;font-size:9pt;color:#25383C;}
    table#msg th {background-color: #00876E;color: white; text-align: left;padding: 10px;}
    table#msg td {border: 1px solid #00876E;padding: 0 10px;}
    table#event {font-family:verdana;font-size:9pt;color:#25383C;}
    table#event td {border: 0;padding: 0;}
    table#event td.desc {font-size:7pt;color:#C0C0C0}
    #note {font-size:8pt;color:#707070}
</style>    
<body>
    <div id="container">
    <table id="msg">
        <tr>
            <th>
                <b>Axios Service Desk</b>
            </th>
        </tr>
        <tr>
            <td>
                <br>
                You recently reported an Incident with the following details:<br>
                <br>
                <table id="event">
                    <tr><td><b>Reference Number:</b></td><td>$EVENT_TYPE_EXT_PREFIX$EVENT_REF</td></tr>
                    <tr><td><b>Summary of your Incident:</b></td><td>$SUMMARY</td></tr>
                    <tr><td>&nbsp;</td></tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <br>
                This call has now been closed with the following comments:<br>
                <br>
                
                <i><%=html_break(ACT_DESC)%></i>
                <br>
                <br>
                
            </td>
        </tr>
        <tr>
            <td>
                <br>
                <b>Service Desk</b><br>
                <br>
            </td>
        </tr>
        
    </table>
    </div>
</body>
</head>
</html>

Badge

Here’s what I had…

 

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>$INTRO <br>THIS IS A DEV TEST... PLEASE IGNORE</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">

 <style>
div { 
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 100px;
  margin-left: 100px;
  }
  </style>

<body>
<div>
    <p>Hello $AFF_USR_FIRST_NAME,</p>
    <p>Your GCdocs ‘Search Slice’ has been created as requested.</p>
    <p>Below please find the instructions for using the search slice, as well as the Risks and Privacy Considerations, to be reviewed prior to using the new search slice.</p>
    <p>*Please forward to all the Users who have been granted access to the new search slice.*</p>
    <h1><b>GCdocs Search Slices</b></h1>
    <h2><u><b>How a Search Slice Works</b></u></h2>
    <p><blockquote>To provide search function in GCdocs, we create a search slice. 
    The way a search slice works is you choose a desired location to start the search from and when you choose that slice it always searches from that location down.
    In this instance, your slice would be called (Enter location of Slice).</blockquote></p>
    <p>If you have any questions, please let us know.</p>
    <p>Thank you,</p>
    <br></br>
    <p>IM GCdocs Operations Policy</p>
    
</div>
</body>
</html>

Reply