Page tree
Skip to end of metadata
Go to start of metadata

Template Help Instructions

To create a custom message template, copy and paste the HTML or create the HTML in the Tools->Template Editor.  You can create a custom template the same way you create other "free form" emails. Then you must specify what areas of the template are going to be editable by the user creating a message with it.  By default, all areas of the template will be locked down and not editable. To specify what areas will be editable, you must surround them with <cicontent1> </cicontent1> tags.

  1. Click Source to view the source code of the template
  2. Find the area you would like to make an editable region
  3. Surround the content with <cicontent1> </cicontent1> tags
    1. Cicontent tags are uniquely numbered, so after <cicontent1></cicontent1> you'll insert a <cicontent2></cicontent2>
    2. There can be up to 100 <cicontent1></cicontent1> areas 
    3. Table cells <td>, Span tags <span>, and sections <div> all support the <cicontent1> tags
    4. Each table cell, span tag, and section can hold only one content region

Once a template is created, it will show under "Templates" on the create new message screen.

 

End result in editor (The sections will expand when more information is input):



HTML Code Example

 

<html dir="ltr">
    <head>
        <title></title>
    </head>
    <body bgcolor="#ffffff" text="#000000">
        <table border="1" cellspacing="0" bordercolor="#000000" cellpadding="0" width="600" bgcolor="#ffffff" align="center">
            <tbody>
                <tr>
                    <td><cicontent1>Header</cicontent1></td>
                </tr>
                <tr>
                    <td>
                    <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <tbody>
                            <tr>
                                <td width="10"><img border="0" alt="" width="10" height="1" style="display: block" src="http://portal.criticalimpact.com/images/spacer.gif" /></td>
                                <td>
                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <td style="padding:10px;" valign="top" align="left"><cicontent2>Content</cicontent2></td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
                                </td>
                                <td width="10"><img border="0" alt="" width="10" height="1" style="display: block" src="http://portal.criticalimpact.com/images/spacer.gif" /></td>
                            </tr>
                        </tbody>
                    </table>
                    </td>
                </tr>
            </tbody>
        </table>
        <p>&nbsp;</p>
    </body>
</html>


  • No labels