Artikelcontainer

Die Komponente „Artikelcontainer“ (verfügbar über die Tabelle „Dynamische Komponenten“) wird speziell für Vorlagen verwendet. Der Content kann bearbeitet werden (in Express oder Broadcast-API). Diese Container enthalten dann die in der Mail angezeigten Artikel, die typischerweise ein Newsletter ist. Wenn die Mail aus dieser Vorlage erstellt wird, kann der Benutzer in Express oder Broadcast-API (SOAP-Webdienst) für diese Komponente verschiedene Artikel eingeben, und den Content für jeden Artikel festlegen: Bild, Text, Hyperlink, CTA, etc. Für jeden Artikel können Werte auch mit der Broadcast-API übermittelt werden. Mit Artikelcontainern können Artikel dynamisch in eine Mail aufgenommen werden, die aus dieser Vorlage in Express oder Broadcast-API erstellt wurde; das Layout für die jeweiligen Artikel ist jedoch identisch. Jeder Artikel im Container hat dann das selbe Layout für einen Standard-Artikelcontainer. Mit „Visualisierungen“ können Sie das Aussehen eines Artikels im Artikelcontainer ändern.

Im folgenden Beispiel wird ein Artikelcontainer WEEKLY_FAVORITES mit einem Filter TOP3 verwendet, um die 3 Top-Favoriten in einem wöchentlichen Newsletter anzuzeigen. Die in Express hinzugefügten Artikel werden in einer Artikelliste gespeichert, und die Felder werden im Layout des Artikelcontainers verwendet, um den Content eines jeden Artikels zu bestimmten (ITEM.NAME, ITEM.SALES_PRICE...). Im Artikelcontainer ist auch das „Tabellen-Layout“ verfügbar, mit dem die 3 Artikel nebeneinander dargestellt werden können.

Das Ergebnis sieht folgendermaßen aus

 

Hinweis zu den Abschnitten Header and Footer

Die Abschnitte „Header“  und „Footer“ können Content enthalten, der entweder über oder unter den Artikeln, einem Titel oder allgemeinen Informationen angezeigt wird. Der Abschnitt „Element“ enthält verschiedene Artikel.

Sie müssen noch immer einen richtigen Code erstellen. Sie können nicht eine Tabelle im Abschnitt „Header“ (MAHEADER div) beginnen, die Zeilen der Tabelle im Abschnitt „Element“ (MAITEM div) wiederholen, und dann die Tabelle im Abschnitt „Footer“ (MAFOOTER div) schließen. Das ist keine richtige HTML, weil die HTML-Elemente nicht richtig eingebettet sind. In diesem Fall würde das Layout gestört werden, wenn Sie aus der Vorlage eine Mail in Express erstellen. Erstellen Sie Tabellen immer innerhalb der Abschnitte (DIVs), damit die Formatierung durchgehend stimmig ist.

Fehlerhafte Codierung:
<div id="MACONTAINER" maconstraint="" macontenteditable="FALSE" maparameter="MANUAL_PRODUCTS" matype="">
<div id="MAHEADER" macontenteditable="true">
 <table><tr><td>Allgemeiner Titel</td></tr>
</div>
<div id="MAITEM" macontenteditable="true">
 <tr><td>Artikelinhalt</td></tr>
</div>
<div id="MAFOOTER" macontenteditable="true">
 <tr><td>Inhalt unter den Artikeln</td></tr></table>
</div>
<div id="MANOMATCH" macontenteditable="true"> </div>
</div>

Richtige Codierung:
<div id="MACONTAINER" maconstraint="" macontenteditable="FALSE" maparameter="MANUAL_PRODUCTS" matype="">
<div id="MAHEADER" macontenteditable="true">
 <table><tr><td>Allgemeiner Titel</td></tr></table>
</div>
<div id="MAITEM" macontenteditable="true">
 <table><tr><td>Article content</td></tr></table>
</div>
<div id="MAFOOTER" macontenteditable="true">
 <table><tr><td>Inhalt unter den Artikeln</td></tr></table>
</div>
<div id="MANOMATCH" macontenteditable="true"> </div>
</div>

 

In diesem Beispiel erfahren Sie, wie Sie einen Artikelcontainer verwenden.

 

Zurück zu Mail-Vorlage