Beispiel-E-Mail-/Landingpage-Template

Beispiel-E-Mail-/Landingpage-Template

Das folgende Template stellt das Element Artikel - Text mit Headline bereit. Dieses besteht aus einer Headline und einem Text. Klicke auf die  Icons im Template-Quelltext, um eine Beschreibung zu sehen.

Info
E-Mail-Templates setzen sich aus einem HTML-Teil und Text-Teil zusammen. In diesem Abschnitt wird ausschließlich der HTML-Teil beschrieben. Die Erstellung des Text-Teils wird hier erläutert.
Template-Quelltext
Editor-Ansicht
Ausgabe-Quellcode
Template-Quelltext
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Mein erstes Template</title>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.       body { font-family: Arial, sans-serif; }
  8.     </style>
  9. </head>
  10. <body>
  11.   [CONTAINER name='contents' label='Inhalte']
  12.       [BETWEEN]<br /><br />[/BETWEEN]

  14.       [ELEMENT name='article' label='Artikel - Text mit Headline' default='true']
  15.       <table border="0" cellspacing="0" cellpadding="0" width="640" align="center">
  16.         <tr>
  17.           <td>
  18.             [BLOCK name='headline' label='Headline']
  19.             <h1>[INPUT name='text'
  20.                       label='Text'
  21.                       type='span'
  22.                       rows='2'
  23.                       default='Headline'
  24.                       required='true' /]</h1>[/BLOCK]

  26.             <p>[INPUT name='text' label='Text' type='span' rows='8' default='Das ist der Artikeltext.' /]</p>
  27.           </td>
  28.         </tr>
  29.       </table>            
  30.       [/ELEMENT]
  31.   [/CONTAINER]
  32. </body>
  33. </html>
Editor-Ansicht
Links: Mailing- bzw. Landingpage-Aufbau. Das Element Artikel - Text mit Headline ist dem Inhalt beim Anlegen der Mail/Landingpage aufgrund des Attributes default='true' automatisch hinzugefügt.

Mitte: Mailing-/Landingpage-Vorschau

Rechts: Elemente-Pool. Enthält eine Auflistung aller im Template verfügbaren Elemente.


Durch Klick auf Artikel - Text mit Headline im Aufbau, öffnet sich das Fenster zum Bearbeiten:



Ausgabe-Quellcode
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Mein erstes Template</title>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.       body { font-family: Arial, sans-serif; }
  8.     </style>
  9. </head>
  10. <body>
  11.   <table border="0" cellspacing="0" cellpadding="0" width="640" align="center">
  12.     <tr>
  13.         <td>
  14.           <h1><span>Headline</span></h1>
  15.           <p><span>Das ist der Artikeltext.</span></p>
  16.       </td>
  17.     </tr>
  18.   </table>
  19. </body>
  20. </html>

 Regeln

  1. Direkt im Container [CONTAINER]...[/CONTAINER] dürfen folgenden Tags verwendet werden: [ELEMENT]...[/ELEMENT], [TOP]...[/TOP], [BETWEEN]...[/BETWEEN] und [BOTTOM]...[/BOTTOM].
  2. Container und Elemente mit demselben Namen dürfen mehrfach definiert werden.
  3. Elemente müssen immer innerhalb von Containern definiert werden.
  4. Element lassen sich verschachteln: sie können wiederum Container mit Elementen enthalten.
  5. Blöcke [BLOCK] und Eingabefelder [INPUT /] können auch außerhalb von Containern und Elementen verwendet werden. Sind diese außerhalb platziert, werden die Inputs im Editor (Tab "Inhalte") unter “Globale Anpassungen“ angezeigt.
  6. Jeder [BLOCK] muss mindestens einen [INPUT /] enthalten. Es ist jedoch möglich, einen [INPUT /] ohne [BLOCK] zu definieren.
Lerne im nächsten Schritt, wie du E-Mail- oder Landingpage-Template sinnvoll strukturierst: