Erstellen von Cleverreach Templates

Erstellen von Cleverreach Templates

Es werden bestimmte Tags zur Markierung unterschiedlicher Inhalte verwendet.
Anschließend werden die wichtigsten Tags vorgestellt, hier [1] gibt es eine ausführliche Beschreibung.

  • Online-Version
<!--#online_version #--><!--#/online_version#-->

Wenn mann diese Tags einfügt werden diese später durch einen Standardtext mit einem Link zur Online Version des Newsletters ersetzt. Alles was zwischen diesen Tags steht wird ersetzt

  • Neue Elemente
<!--#loop #--><!--#/loop#-->

Neue Elemente beginnen mit dem Loop-Tag und enden mit dem schließendem Loop-Tag.
Ein neues Element sollte auch immer eine neue Tabelle bedeuten.
Ein Element kann später in Cleverreach im Newsletter verschoben, kopiert oder gelöscht werden.

Zusätzlich kann man ein neues Element auch benennen und als Vorlage markieren:

<!--#my_element name="Name" #--><!--#/my_element#-->

Die Vorlage taucht dann später in der rechten Seitenspalte in Cleverreach wieder auf. So kann man beliebig oft dieses Element hinzufügen.

  • Bild
<!--#image #--><!--#/image#-->

Alle Bilder die pflegbar sein sollen, müssen mit diesem Tag umschlossen sein.

  • Link
<!--#link #--><!--#/link#-->

Alle Links die pflegbar sein sollen, müssen mit diesem Tag umschlossen sein.

  • Textzeile
<!--#text_line #--><!--#/text_line#-->

Für eine einfache pflegbare Textzeile (z.B. eine Überschrift) sollte dieser Tag verwendet werden.

  • Textbereich
<!--#text #--><!--#/text#-->

Für einen einfachen Textbereich kann dieser Tag verwendet werden, hier ist dann wirklich nur der Inhalt bearbeitbar.

Wenn man den Text auch noch verändern will, z.B. mit Links, Farben etc., sollte der Text als HTML-Bereich markiert werden (ähnlich RTE in Typo3):

<!--#html #--><!--#/html#-->
  • Abmelde-Link
<!--#unsubscribe #--><!--#/unsubscribe#-->

Hier wird ein Standardtext mit einem Link zum Abmeldeformular des Newsletters eingefügt. Alles zwischen den Tags wird ersetzt.

  • Impressum
<!--#aboutus #--><!--#/aboutus#-->

Diese Tags werden mit der Anschrift des Kunden ersetzt. Die Anschrift wird in Cleverreach gepflegt.

Ein Beispiel Element:

<!--#loop #--><!--#my_element name="Beispiel" #-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td class="container-padding" align="center">
                        <table border="0" cellspacing="0" class="container" style="width: 564px;" align="center">
                            <tr>
                                 <td style="width: 100%">
                                    <!--#image #--><img src="Teaser.jpg" alt="" border="0" style=" margin: 0;padding: 0;-ms-interpolation-mode: bicubic; width: 100%; height: auto;"><!--#/image#-->
                                </td>
                           </tr>
                            <tr>
                                <td style="font-weight: bold; line-height: 21px; text-align: left; font-size: 16px;">
                                    <!--#text_line #-->Überschrift<!--#/text_line#--></td>
                            </tr>
                            <tr height="40">
                                <td> </td>
                            </tr>
                            <tr>
                                <td style="line-height: 21px; text-align: left; font-size: 16px;">
                                    <!--#html #-->
                                       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
                                    <!--#/html#-->
                               </td>
                            </tr>
                            <tr height="30">
                                <td>   </td>
                            </tr>
                            <tr>
                                <td style="line-height: 21px; text-align: left; font-size: 16px;">
                                    <!--#link #--><a href="link">Link</a><!--#/link#-->
                               </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
<!--#/my_element#--><!--#/loop#-->

VORSICHT: die Element-Tags

<!--#loop #--><!--#my_element name="Beispiel" #-->...<!--#/my_element#--><!--#/loop#-->

müssen immer um eine Tabelle gebaut werden, um Rows funktionieren diese zum Beispiel nicht.

Das Element würde in Cleverrach dann folgendermaßen aussehen:

  • Das mit dem orangenen Rahmen markierte Element ist das Beispiel-Element.
  • Der Text ganz oben ist der Standardtext der Online-Version Tags
  • Unter dem Element ist der Sandardtext des Unsubscribe Tags
  • Ganz unten ist ein Beispiel Impressum.

Tags

Newsletter