Tags to use in wizard (Inplace editor) for email templates / define newsletter templates

 

While creating HTML newsletters you can use wizard to create content of email. With wizard user must not create a layout in WYSIWYG editor, he uses a prepared template and fills it with contents. Prepared template must be a HTML file with special HTML tags. You can find samples of newsletter templates in folder Documents\SuperMailer_templates (files Wizard-Sample*.htm)

Hint: In program options must be Internet Explorer Rendering Engine set to Internet Explorer 9 or newer. SuperMailer will request for changing it automatically.

 

Tags

 

<singleline></singleline> Allows user to change a single line text. Default texts should not contain HTML formattings it must be a single line plain text.

Use additional attribute tableofcontentstitle="true" to let wizard create a table of contents with clickable entries, if a table of contents tag is included.

You can specify attribute label="any single line text" which will be shown in dialog while editing content.

Samples:

<h1><singleline>Headline</singleline></h1>

<h1><singleline tableofcontentstitle="true">Headline with entry in table of contents</singleline></h1>

 
<multiline></multiline> Allows user to enter formatted HTML text. User will see WYSIWYG editor with reduced functions.

You can specify attribute label="any single line text" which will be shown in dialog while editing content.

Sample:

<multiline>

 <div>Multi line text<br><br>with <b>formatting</b>.</div>

</multiline>

 
<tableofcontents></tableofcontents>

 

 Adds at this position a table of contents usually in a list form. One entry must be defined as <tableofcontentstitle></tableofcontentstitle>. All descriptions will be applied from <singleline></singleline> tags with attribute tableofcontentstitle="true".

 

Sample:

<h2>Content</h2>
<ul>
<tableofcontents>
<li>
  <tableofcontentstitle />
</li>
</tableofcontents>
</ul>

 
<repeater></repeater> Identifies a repeatable block, which can also be moved. Clicks user in wizard on "New default element" this block will be inserted again.

One repeater block can contain tags <singleline>, <multiline> or <tableofcontents> and all other HTML elements.

Add attribute editable="true" to let user edit CSS style of block.

Sample:

<h2>Content</h2>
<ul>
<tableofcontents>
<li>
  <tableofcontentstitle />
</li>
</tableofcontents>
</ul>

<repeater>

<h1><singleline tableofcontentstitle="true">Headline with entry in table of contents</singleline></h1>

<div>

<multiline>

 <div>Multi line text<br><br>with <b>formatting</b>.</div>

</multiline>

<img src="http://www.supermailer.de/images/sm.gif" />

</div>

</repeater>

 

Hints:

  • One block must be placed behind or inside HTML block elements otherwise HTML code can be invalid while user moves the block.
  • In newsletter layouts with tables the hole table should be included in one repeater block. Table cells or table rows should not be included in repeater blocks because while adding, removing or moving a block table definition can be invalid.

 

 

Attributes of certain HTML elements

img Add attribute editable="true" to let user change the image. Specify width/height of image so each inserted image will be resized to this size. Without width/height image will be shown in original size.

Add attribute label="Text" to let user see a description text in dialog for changing the image.

Hint: Is this tag located in a multiline tag attribute editable="true" will be ignored and user can change the image in WYSIWYG editor.

Sample:

<img src="http://www.supermailer.de/images/sm.gif" editable="true" />

 
hr Add attribute editable="true" to let user change properties of horizontal line.

Add attribute label="Text" to let user see a description text in dialog for changing properties.

Hint: Is this tag located in a multiline tag attribute editable="true" will be ignored and user can change properties in WYSIWYG editor.

Sample:

<hr editable="true" />

 
a Add attribute editable="true" to let user change properties of hyperlink.

Add attribute label="Text" to let user see a description text in dialog for changing properties.

Hint: Is this tag located in a multiline tag attribute editable="true" will be ignored and user can change properties in WYSIWYG editor.

Sample:

<a href="http://www.supermailer.de" editable="true">SuperMailer website</a>

 
ul or ol Add attribute editable="true" to let user change list items and bullets of list.

Add attribute label="Text" to let user see a description text in dialog for changing properties.

Hint: Is this tag located in a multiline tag attribute editable="true" will be ignored and user can change properties in WYSIWYG editor.

Sample:

<ol editable="true">
 <li>Entry 1</li>
 <li>Entry 2</li>
</ol>

 

Hints

 

 

See also

Create an email

Hints to create own email templates