Template technique



Our simple template technique allows you to transform any HTML page into a template that can be changed with the help of a Wizard. To achieve this, place the template tags into the source code of your HTML file.

Each tag consists of two parts – an opening part and a closing part. A standard text can be positioned between the two parts; the text appears when using the template and can then be edited. We automatically insert a standard text for the tags "Online-Version", "unsubscribe", "aboutus" and "badget", if you have not saved your own.



Online version

Recipients can open the email in their online browser by clicking on the "online version" link.


Example with default text:

<!--#online_version #-->

If the newsletter is not displayed correctly, please click here (online) .

<!--#/online_version#-->


Elements

A tag positioned in the source code (Loop tag) allows you to insert new elements. You will find these icons, wherever a loop tag has been inserted:

= Add new element
= Add RSS content

You can add as many new elements in the most different formats into your email as required by clicking on the green "+" icon. The RSS icon allows you to insert RSS feed contents in your email.

Example with default text:

<!--#loop #-->

Example of a heading


I am dummy text. From birth. It took a long time until I understood what it means to be a dummy text: One doesn't make any sense. One appears here and is completely out of context. It often happens that one is not even read.


New elements can be added in any format, whether with or without images. An element is available for almost any variation.

Example element:



Unsubscribe

Use the unsubcribe-tag to create an area where recipients can unsubscribe themselfs. If you just use the tag (without content), a standard text message will be inserted. You can also choose your own text like demonstrated in the following examle.


Example with default text:

<!--#unsubscribe #-->

<a href="{UNSUBSCRIBE}" >Unsubscribe</a>

<!--#/unsubscribe#-->


Imprint

Imprint:

<!--#aboutus #-->

<!--#/aboutus#-->


Image

Use an image tag to place an editable image.



Example with default image:

<!--#image #-->

<img src="http://www.yourdomain.com/logo.jpg" border="0" >

<!--#/image#-->


Link

Use a link tag to place an editable link


Example with default link:

<!--#link #-->

<a href="http://www.yourdomain.com">Link</a>

<!--#/link#-->


HTML area

Use the HTML tag to create an area that can be edited with an HTML editor.


Example with default text:

<!--#html #-->

<h2>example title</h2>
I am dummy text. From birth. It took a long time until I understood what it means to be a dummy text: One doesn't make any sense. One appears here and is completely out of context. It often happens that one is not even read.

<!--#/html#-->


Text area

Use the text tag to place an editable text line.


Example with default text:

I am an editable text line!


Contents

This element automatically creates a table of contents with an internal link to the item elements. Only items with a headline will be included.


Example:

<!--#summary #--><!--#/summary#-->

<!--#text_line #-->example title<!--#/text_line#-->


Element separator

Within a loop, you can place as muchs editable areas as you like.

Example:

<!--#loop #-->
<!--#html #--><!--#/html#-->

<!--#loopsplit#-->

<!--#html #--><!--#/html#-->
<!--#/loop#-->

Custom element

Creating emails with our Wizard is not restricted to the standard elements. In the template section you can add custom elements which can be placed in your emails. Custom elements can also be placed directly in your template.

Example:

<!--#loop #-->

<!--#my_element name="Name Ihres Elements" #-->

<h2><!--#text_line #-->Titel<!--#/text_line#--></h2> <!--#html #-->
Ich bin Ihr eigenes Element :-)
<!--#/html#-->

<!--#/my_element#-->

<!--#loopsplit#-->

<!--#/loop#-->

Important: Every element has to be labeled individually. Otherwise it will not appear in the element drop-down menu.

Configuration of styles

Above the wizard is the style toolbar. Here, colors, fonts, height, width and so much more can be configurated. The BODY styles and links can be edited through default.

The toolbar allows styles of specific sections in your own templates to be configurated. Furthermore, tables can be assigned with the tag cr_edit="Section Name“. The name will appear in the toolbar afterwards.

Example:

<table cr_edit=“Name des Bereichs“>
<tr><td></td></tr>
</table>

Configuration of styles in custom elements

If the styles from your own elements has to be configurable, then the element must be assigned the category class="editable". When moving the mouse over the element, the editing symbol appears besides the delete and move icon.

Example:

<table class="editable">
<tr><td></td></tr>
</table>