Template Help

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.

Click Source to view the source code of the template
Find the area you would like to make an editable region
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>