Hier erfahren Sie, wie Sie mit den in Emarsys verfügbaren Content-Editoren das Tag 'Open Time Content' in den HTML-Content Ihrer E-Mail einfügen können.
An welcher Stelle in der E-Mail soll das HTML-Tag platziert werden?
Fügen Sie das Tag an jener Stelle im E-Mail HTML hinzu, an der Sie den Content anzeigen wollen. Üblicherweise wird ein <div> für das Tag erstellt; damit stellen Sie sicher, dass die Höhe und Breite des HTML den Werten entsprechen, die Sie für das Widget definiert haben.
'Open Time Content'-Tags werden auf dieselbe Weise zum HTML hinzugefügt wie statische Bilder. Wenn Sie eine E-Mail erstellen, die 'Open Time Content'-Tags enthalten soll, empfehlen wir die Verwendung von Platzhalter-Bildern, die dann später durch das Tag ersetzt werden können.
Beispiele
Nachstehend sehen Sie den Entwurf für einen HTML Code; die Platzhalter sind rot markiert:
Diese würden dann später durch die korrekten Tag-Elemente ersetzt werden:
Bitte beachten Sie: In oben angeführtem Beispiel enthält das Tag noch weitere HTML-Elemente wie etwa style und alt, die der Builder für das Open Time Content Widget nicht standardmäßig anbietet.
Block-basierten Editor (VCE) verwenden
Wenn Sie den neuen Block-basierten E-Mail-Editor verwenden, können Sie Widgets in allen Blöcken platzieren, die für das Hinzufügen verlinkter Bilder erstellt wurden. Fügen Sie einfach den Link aus dem Tag zu den Link-Eigenschaften hinzu, ebenso wie die Bildquelle aus dem Tag zu den Bildeigenschaften des Blocks.
Bevor Sie beginnen, vergewissern Sie sich, dass die Dimensionen des Blocks den für das Widget erforderlichen Dimensionen entsprechen und das Attribut e-editable sowohl für die Bildquelle als auch den Bild-Link gesetzt wurde.
Fügen Sie zuerst den Link aus dem Tag hinzu, und danach den Bild-Link. Bei umgekehrter Reihenfolge kann es sein, dass der Block verschwindet. In diesem Fall müssen Sie den Block neu erstellen und dann mit dem Bearbeiten fortsetzen.
Gehen Sie dazu wie folgt vor:
1. Öffnen Sie die E-Mail-Kampagne im Editor.
2. Wählen Sie den Block aus, in dem Sie das Widget platzieren wollen; vergewissern Sie sich, dass die Position passt. Wir empfehlen, denselben Namen wie für das zu verwendende Widget zu wählen.
3. Gehen Sie zum Tag und kopieren Sie die Link-URL:
4. Öffnen Sie die Link-Eigenschaften.
5. Fügen Sie die Link-URL des Widgets im Feld Url ein:
6. Öffnen Sie die Bildeigenschaften für den Block.
7. Aus dem Widget-Tag kopieren Sie die URL für die Bildquelle:
8. Fügen Sie die URL im Feld Bild-URL in den Bildeigenschaften hinzu:
Das Widget-Bild wird nun in der Vorschau angezeigt.
9. Klicken Sie 'Speichern'; das Widget wird so in der Kampagne angezeigt, wie Sie es definiert haben.
Custom HTML Editor verwenden
Wenn Sie für das Erstellen Ihrer E-Mails den alten Emarsys Custom HTML Editor verwenden:
- Erstellen Sie wie üblich Ihre E-Mail mit dem Custom HTML Email Editor. Sobald Ihr Widget fertig ist, kopieren Sie einfach das HTML-Tag und fügen Sie es dort in den E-Mail-Editor ein, wo das Open Time Content Widget platziert werden soll.
- Speichern Sie Ihre Änderungen und überprüfen Sie das Widget in der Vorschau.
Wenn Sie den neuen Custom HTML Editor verwenden:
- Fügen Sie das Tag im Bereich Quellcode auf der linken Seite ein; es wird umgehend im Vorschaufenster auf der rechten Seite angezeigt.
Alten vorlagenbasierten E-Mail-Editor verwenden
Wenn Sie den alten vorlagenbasierten E-Mail-Editor verwenden, sollten Sie jedes Widget in einem eigenen Abschnitt hinzufügen. Dafür gibt es zwei Möglichkeiten:
1. URL und Bildquelle separat hinzufügen
- Kopieren Sie den URL-Teil aus dem Tag.
- Danach fügen Sie ihn im Feld Link des Abschnitt-Editors ein.
- Kopieren Sie nun aus dem Tag den Pfad der Bildquelle.
- Fügen Sie diesen Pfad im Feld Bild des Abschnitts-Editors ein.
2. Erweiterten Modus verwenden
- Öffnen Sie den Abschnitt, in dem Sie das Widget hinzufügen wollen, wählen Sie links die Erweiterten Optionen aus und klicken Sie Zum erweiterten Modus wechseln.
- Das öffnet den HTML Editor für diesen Abschnitt. Fügen Sie das Tag im Editor ein und speichern Sie. Ihr Tag wird im Vorschaufenster sofort angezeigt.
