In Marketos neuem E-Mail 2.0-Erlebnis bestehen E-Mail-Vorlagen aus einer beliebigen Kombination von Elementen, Variablen, Modulen oder Containern. Jede wird definiert, indem Sie Ihrem HTML eine Marketo-spezifische Syntax hinzufügen. Alte E-Mail-Vorlagen (v1.0) werden im E-Mail-Editor 2.0 unterstützt. Sie enthalten jedoch nicht alle Funktionen des neuen Editors.
Die Syntax von Marketo-E-Mails funktioniert nur in Vorlagen und einzelnen E-Mails. Es funktioniert nicht nicht, wenn es in Snippets oder Rich Text Tokens eingebettet ist.
Die Marketing-Unterstützung ist nicht so eingerichtet, dass sie bei CSS/HTML unterstützt wird. Wenn Sie mit CSS/HTML nicht vertraut sind, wenden Sie sich bitte an Ihren Entwickler.
Bei Klassenwerten mit Marketo-Syntax (z. B. mktoModule, mktoContainer, mktoText) wird zwischen Groß- und Kleinschreibung unterschieden. Benutzerdefinierte Attributnamen (d. h. mktoimgwidth, mktoname) sind nicht vorhanden.
Elemente sind Inhaltsbereiche, die Sie in Ihrer E-Mail-Vorlage als bearbeitbar definieren. Die Bearbeitung eines Elements ist für seinen Typ und seine Angebot einzigartig und stellt eine einfache Möglichkeit dar, mit Inhalten zu arbeiten. Folgende Elemente können in eine E-Mail-Vorlage einbezogen werden:
Wenn Sie einen Bereich als Rich Text definieren, können Benutzer den Inhalt mit dem Rich Text Editor von Marketo bearbeiten. Es gibt zwei Möglichkeiten, ein Rich-Text-Element in einer E-Mail-Vorlage zu definieren: mktEditable und mktoText. Beachten Sie, dass ein Rich-Text-Element immer aus dem E-Mail-Editor in ein Snippet konvertiert werden kann.
Da der E-Mail-Editor 2.0 abwärtskompatibel ist, können einige alte E-Mail-Vorlagen Rich-Text-Elemente angeben, indem class="mktEditable" für jedes HTML-Element hinzugefügt wird. Dies wird weiterhin unterstützt, und die ID des Elements wird als Anzeigename im E-Mail-Editor verwendet.
Erforderliche Attribute
Optionale Attribute
Standardwert
Der Inhalt im HTML-Element (sofern vorhanden) mit class="mktEditable" wird als Standardwert für das Rich Text-Element verwendet.
Beispiel:
<pre data-theme="Confluence"><div class="mktEditable" id="exampleText" mktoName="Main Body Text"> Optionally add default text for the editable text area. </div></pre>
Es wird empfohlen, Rich Text-Elemente mit der Syntax class="mktoText" anzugeben. Dadurch wird sichergestellt, dass immer ein passender Anzeigename für das Element vorhanden ist.
Erforderliche Attribute
Standardwert
Der Inhalt im HTML-Element (sofern vorhanden) mit class="mktoText" wird als Standardwert für das Rich Text-Element verwendet.
Beispiel:
<pre data-theme="Confluence"><div class="mktoText" id="exampleText" mktoName="Main Body Text"> Optionally add default text for the editable text area. </div></pre>
Sie haben zwei Optionen zum Definieren bearbeitbarer Bildelemente. Sie können entweder ein <div>
verwenden, das einen Container angibt, in den das <img>
eingefügt wird, oder ein <img>
-Tag. Wenn Sie möchten, dass der Endbenutzer einfach ein Bild auswählt, das die Bild-URL zurückgibt (im Gegensatz zum DOM), lesen Sie bitte "Bildvariablen" im folgenden Abschnitt. Die folgenden beiden Optionen fügen ein HTML <img>
-Element ein.
<div>
Erforderliche Attribute
Optionale Attribute
<img>
innerhalb des div hinzugefügt.<img>
Tag mit dieser Ziel-URL umgeben sein <a>
soll. Der Benutzer kann dies im E-Mail-Editor ändern.<a>
Tag des Attributs mktoImgLink diese Zielgruppe verwenden soll. Hat keine Auswirkung, wenn mktoImgLink nicht auch verwendet wird.<img>
.<img>
.<img>
Elements zu entsperren, sodass der Endbenutzer es ändern kann (Standard ist true, wenn kein Wert angegeben wird).<img>
Elements zu sperren (Standard ist false).Standardwert (optional)
<img>
: Wird als <img>
Element verwendet, in das das Bild eingefügt wird. Nützlich, wenn Sie dem Bild einen Inline-Stil hinzufügen möchten. Denken Sie daran, umliegende <a> </a>
-Tags einzuschließen. Wenn der Benutzer also einen Link hinzufügt, wird Ihr Stil nicht entfernt!
Beispiel:
<pre data-theme="Confluence"><div class="mktoImg" id="exampleImg" mktoName="Example Image" mktoImgLink="https://www.marketo.com"> <a><img style="border:10px solid red;"></a> </div></pre>
Diese Option erlaubt es Endbenutzern nicht, einen Link zu ihrem Bild hinzuzufügen. Verwenden Sie Option 1, wenn dies für Ihre Vorlage wichtig ist.
Erforderliche Attribute
<img>
Elements zu entsperren, sodass der Endbenutzer es ändern kann (Standard ist true, wenn kein Wert angegeben wird).<img>
Elements zu sperren (Standard ist false).Beispiel:
<pre data-theme="Confluence"><img class="mktoImg" id="exampleImg" mktoName="Example Image"></pre>
Wenn Sie einen Bereich als Snippet definieren, können Endbenutzer auswählen, welches Snippetsie in diesen Bereich einfügen möchten. Rich-Text-Elemente können zwar aus dem E-Mail-Editor in Snippets konvertiert werden, aber wenn Sie eine Region spezifisch als Snippet definieren, kann sie nicht in Rich-Text konvertiert werden. Sie können einen Snippet-Bereich mit einem <div>
mit class="mktoSnippet" angeben.
Erforderliche Attribute
Standardwert (optional)
mktoDefaultSnippetId: Die numerische ID des Marketo-Snippets, die standardmäßig angezeigt werden sollte (funktioniert nur, wenn ein Snippet mit dieser ID vorhanden ist und in diesem Arbeitsbereich genehmigt wird).
Beispiel:
<pre data-theme="Confluence"><div class="mktoSnippet" id="unsubscribeFooter" mktoName="Unsubscribe Footer" mktoDefaultSnippetId="12"></div></pre>
Wenn Sie einen Bereich als Video definieren, können Endbenutzer entweder eine YouTube- oder eine Vimeo-URL einfügen, die als Miniaturbild (mit der Schaltfläche "Abspielen") in der E-Mail angezeigt wird. Sie können einen Videobereich mit einem <div>
mit class="mktoVideo" angeben.
Erforderliche Attribute
Optionale Attribute
<img>
innerhalb des div hinzugefügt.Beispiel:
<pre data-theme="Confluence"><div class="mktoVideo" id="productVideo" mktoName="Product Announcement Video"></div></pre>
Variablen sind wie Token. Zuerst definieren Sie sie im Abschnitt <head>
Ihrer E-Mail-Vorlage mit den Tags <meta>
und verwenden Sie sie dann so oft, wie Sie möchten. Da sie in der Vorlage definiert sind, kann der Endbenutzer seine Werte entsprechend den Regeln ändern. Beachten Sie, dass Sie eine Variable als lokal oder global im Gültigkeitsbereich definieren können. Wenn Sie eine Variable innerhalb eines Moduls (siehe unten) und ein Duplikat eines Endbenutzers verwenden, das diese Module enthält, verfügen die lokalen Variablen über unabhängige Werte, während die globalen Variablen für beide Module gelten.
Wenn Sie eine Variable als Zeichenfolge angeben, kann der Endbenutzer Text in einem Textfeld im E-Mail-Editor eingeben. Sie geben eine String-Variable mit <meta>
und class="mktoString" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoString" id="textHeader" mktoName="Text Header" default="Edit Me"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${textHeader}</pre>
Wenn Sie eine Variable als Liste angeben, kann der Endbenutzer aus einem Satz von Werten wählen, die Sie im E-Mail-Editor definieren. Sie geben eine Variable für die Liste mit <meta>
und class="mktoList" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoList" id="textFontFamily" mktoName="Main Text Font Family" values="Arial,Verdana,Times New Roman"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${textFontFamily}</pre>
Wenn Sie eine Variable als Zahl angeben, kann der Endbenutzer eine Zahl im E-Mail-Editor eingeben. Sie geben eine Zahlenvariable mit <meta>
und class="mktoNumber" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoNumber" id="textFontSize" mktoName="Main Text Font Size" default="12" min="8" max="18" units="px" step="1"> </pre>
Beispielverwendung:
<pre data-theme="Confluence">${textFontSize}</pre>
Wenn Sie eine Variable als Farbe angeben, kann der Endbenutzer einen hexadezimalen Farbwert eingeben oder eine Farbe aus der Farbauswahl im E-Mail-Editor auswählen. Sie geben eine Color-Variable mit <meta>
und class="mktoColor" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoColor" id="textColor" mktoName="Main Text Color" default="#FFFFFF"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${textColor}</pre>
Wenn Sie eine Variable als boolesche Variable angeben, kann der Endbenutzer die Option im E-Mail-Editor aktivieren/deaktivieren. Sie geben eine boolesche Variable mit <meta>
und class="mktoBoolean" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoBoolean" id="showFooter" mktoName="Show Footer BG?" default="false" false_value="transparent" true_value="black" false_value_name="NO" true_value_name="YES"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${showFooter}</pre>
Wenn Sie eine Variable als HTML-Block angeben, kann der Endbenutzer wörtliche HTML aus dem E-Mail-Editor eingeben. Sie geben eine HTML-Blockvariable mit <meta>
und class="mktoHTML" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoHTML" id="trackingPixel" mktoName="Add Tracking Pixel"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${trackingPixel}</pre>
Wenn Sie eine Variable als Bild angeben, kann der Endbenutzer ein Bild aus der Bildauswahl im E-Mail-Editor auswählen. Die ausgewählte Bild-URL ist der Wert der Variablen. Sie geben eine Image-Variable mit <meta>
und class="mktoImg" an
Erforderliche Attribute
Optionale Attribute
Beispieldeklaration:
<pre data-theme="Confluence"><meta class="mktoImg" id="heroBackgroundImage" mktoName="Hero Background Image" default="https://www.company.com/image.jpg"></pre>
Beispielverwendung:
<pre data-theme="Confluence">${heroBackgroundImage}</pre>
Module sind vorlagenbasierte Abschnitte, die auf Vorlagenebene definiert werden und die Endbenutzer zum Einfügen in ihre E-Mail-Nachricht aufrufen können. Da Sie diese Module bereits erstellt haben, können Sie sicherstellen, dass sie mit dem Rest Ihres E-Mail-Inhalts korrekt interagieren (in einer vollständig reaktionsfähigen Weise). Man kann nur ein Modul in einen Container setzen.
Für Container des Typs <table>
, <tbody>
, <thead>
<tfoot>
oder:
Angabe mit <tr>
mit class="mktoModule"
Bei Containern des Typs <td>
:
Angabe mit <table>
mit class="mktoModule"
Erforderliche Attribute
Optionale Attribute
Bei Klassenwerten mit Marketo-Syntax (z. B. mktoModule, mktoContainer, mktoText) wird zwischen Groß- und Kleinschreibung unterschieden. Benutzerdefinierte Attributnamen (d. h. mktoimgwidth, mktoname) sind nicht vorhanden.
Ein Container enthält Module und definiert, wo sie platziert werden können. Wenn Endbenutzer Module neu anordnen und in ihre E-Mail einfügen, steuert der Container, wohin sie gehen können.
Angabe mit <table>
, <tbody>
, <thead>
, <tfoot>
oder <td>
mit class="mktoContainer"
Erforderliche Attribute
id: Wie Sie auf das Modul in Ihrer E-Mail-Vorlage verweisen.
Container können nur Module enthalten - wenn noch etwas Anderes vorhanden ist, wird der Container als ungültig angesehen! Pro Vorlage ist nur ein Container zulässig.