• Trust
  • Anfrage einreichen

    • Need assistance with your Emarsys product?
    We'll get you the help you need!

     

    Emarsys client

     

    Emarsys client
    SAP for Me Login

    You can contact our support team via the SAP for Me.

    The Emarsys component: CEC-EMA

    		Login to the Help Portal and Submit your request. 
    1. Emarsys
    2. E-Mail
    3. Email templates

    Creating and managing templates:: Content einer VCE-Vorlage aktualisieren
    Aktualisiert

    Diese Seite informiert darüber, wie Sie die bestehenden Blöcke und Variablen einer VCE-Vorlage, auch blockbasierte E-Mail-Vorlage genannt, identifizieren und aktualisieren können.

    Wichtig:

    • Bitte beachten Sie, dass Änderungen an initial von Emarsys erstellten Vorlagen auf eigene Gefahr vorgenommen werden.
    • Bevor Sie eine VCE-Vorlage bearbeiten, sollten Sie unbedingt eine Sicherungskopie des Inhalts an einem sicheren Ort erstellen und speichern.

    Basisvorlage einer E-Mail-Kampagne bestimmen

    So öffnen Sie eine bestehende E-Mail-Kampagne und bestimmen, auf welcher VCE-Vorlage sie basiert:

    1. Gehen Sie zu Kanäle > E-Mail-Kampagnen, wählen Sie die E-Mail-Kampagne aus und klicken Sie das Icon für Bearbeiten (Bleistift).
    2. Auf der Seite Content-Erstellung klicken Sie die drei Punkte (...) in der rechten oberen Ecke.
    3. Überprüfen Sie den Namen der VCE-Vorlage, die als Grundlage für Ihre Kampagne verwendet wird.

    Verwenden Sie den Account-Wechsler, wenn die Vorlage für die E-Mail-Kampagne zu einem anderen Account gehört.

    Den zu ändernden Block bestimmen

    Um herauszufinden, welcher Block Ihrer Vorlage geändert werden muss, bewegen Sie den Cursor über die Contentblöcke. Der Name des Blocks kann in der angezeigten Funktionsleiste abgelesen werden.

    Content einer Vorlage ändern

    1. Um eine Vorlage für die Bearbeitung zu öffnen, stehen folgende Methoden zur Verfügung:

    • Option 1: Gehen Sie zu Kanäle > E-Mail-Kampagnen und öffnen Sie Ihre E-Mail-Kampagne; auf der Seite Content-Erstellung klicken Sie die drei Punkte (...) und wählen Sie Vorlage öffnen aus.
    • Option 2: Gehen Sie zu Content > Blockbasierte Vorlagen, wählen Sie die Vorlage aus und klicken Sie das Icon für die Bearbeitung (Bleistift).

    2. Auf dem Tab Blocks wählen Sie den Vorlagenblock aus, den Sie bearbeiten wollen, und klicken Sie das Icon für Bearbeiten (Bleistift), um den Code anzuzeigen.

    Zu aktualisierender Vorlagen-Content

    Text: Text in einem Block ändern

    Wählen Sie im Blockcode die Stelle aus, an der Sie den bestehendenText ändern oder löschen wollen. Sie können auch neuen Text hinzufügen.
    Beispiel: Sie können den Text von "Any Street 1" auf "Any Place 1" ändern.

    Um einen manuellen Zeilenumbruch einzufügen, verwenden Sie das <br>-Tag. Um einen Absatz oder einen größeren Abstand zwischen den Textzeilen zu erzeugen, können Sie mehrere <br>-Tags hintereinander verwenden.
    Beispiel:

    Das Ergebnis, wie in der E-Mail-Kampagne angezeigt:

    Wir raten dringend davon ab, das <br>-Tag am Anfang oder am Ende eines Fließtexts zu verwenden, um auf diese Weise einen größeren Abstand nach oben oder nach unten zu erzwingen - diese Instanzen von <br> werden nicht angezeigt.

    Bilder

    Bilder: Bild ändern

    Suchen Sie im Code nach dem Bild, das Sie ändern wollen. Das Einbetten von Bildern erfolgt üblicherweise mit einem <img>-Tag, das ein src-Attribut hat. Der Wert des src-Attributs ist der Bildpfad.

    Beispiel
    <img src="https://www.yoursite.com/img/image.png">

    In von Emarsys erstellten Vorlagen wird ein Bild üblicherweise wie folgt eingebettet:
    <img src="{variables.imgpath}image.png">

    In den Codebeispielen wurden alle zusätzlichen HTML-Attribute, CSS-Stile, Klassen, e-editables etc. entfernt, mit Ausnahme des src-Attributs.

    Medien-Datenbank: Bild ändern

    In von Emarsys erstellten Vorlagen führt der Wert der Variable imgpath zu einem bestimmten Ordner in der Medien-Datenbank Ihres Accounts, der alle Assets Ihrer Vorlage enthält. Die Variable imgpath kann auch in einer benutzerdefinierten Vorlage vorhanden sein, die als Kopie einer von Emarsys definierten VCE-Vorlage erstellt wurde.

    Wenn Sie das Tab Variablen Ihrer Vorlage öffnen, können Sie den Wert (=den Ordnerpfad) der Variablen imgpath sehen.

    Beispiel: Die in der Vorlage verwendeten Bilder befinden sich im Ordner "vce" in der Medien-Datenbank.

    Eine Änderung der Variable imgpath wird nicht empfohlen. Bitte beachten Sie, dass der Bildpfad möglicherweise zu einem Ordner der Medien-Datenbank in einem anderen Account führt, auf den nicht zugegriffen werden kann.

    Ursprünglichen Dateinamen des Bildes beibehalten

    Wenn Sie ein Bild in die Medien-Datenbank hochladen, erhält die Datei üblicherweise einen internen Dateinamen.
    Beispiel:
    md_[Internal file ID].[File suffix],
    z.B. md_123456.png.
    Um das zu vermeiden, wählen Sie folgende Option aus:

    Klicken Sie den Button Optionen, die drei Punkte (...) in der Medien-Datenbank und wählen Sie URL kopieren aus, um den vollständigen Bildpfad anzuzeigen.

    Um das Bild zu ändern, können Sie einfach den bestehenden Wert des src-Attributs im <img>-Tag ersetzen.

    Wenn Sie eine von Emarsys erstellte Vorlage verwenden und das neue Bild in den Asset-Ordner der Vorlage hochgeladen haben ({variables.imgpath}), können Sie das Bild ersetzen, indem Sie den Dateinamen im src-Attribut des Bildes ändern.

    Überprüfen Sie, ob Sie zusätzliche Attribute oder Styles zum <img>-Tag hinzufügen wollen.

    Zusätzliche Attribute und Stile für eingebettete Bilder

    "width" und "height"-Attribute

    Mit den HTML-Attributen width und height können Sie einem Bild eine bestimmte Breite oder Höhe in Pixel zuweisen.

    Bitte beachten Sie, dass die Einheit (px etc.) nicht zum Wert hinzugefügt werden darf. Wenn nur ein Wert (entweder die Breite oder die Höhe) angegeben wird, wird der andere Wert automatisch berechnet.

    Beispiele

    <img src="https://www.yoursite.com/img/image.png" width="200">
    <img src="https://www.yoursite.com/img/image.png" height="150">
    <img src="https://www.yoursite.com/img/image.png" width="200" height="150">
    Für Kopieren klicken

    Wenn Sie eine von Emarsys erstellte Vorlage verwenden, können Sie auch die CSS-Klasse image hinzufügen; diese bewirkt, dass das Bild in der Mobile-Version auf 100% des verfügbaren Platzes skaliert wird:

    <img src="https://www.yoursite.com/img/image.png" width="200" class="image">

    Die Bildschirmbreite von Mobilgeräten beträgt in der Regel zwischen 320 und 430 Pixel. Wir empfehlen daher, bei Verwendung eines Bildes mit einer eingebetteten Breite von 300 Pixeln oder mehr, die Klasse image zu setzen, damit dieses in der Mobile-Version korrekt skaliert wird.

    "Alt"-Attribut

    Der Alternativtext eines Bildes wird üblicherweise in folgenden Fällen angezeigt:

    • Der Bildcontent oder externe Content wurde nicht heruntergeladen.
    • Der Bildpfad ist fehlerhaft oder das Bild ist nicht verfügbar.

    Beispiel
    <img src="https://www.yoursite.com/img/image.png" alt="Lorem ipsum">

    Der Alternativtext wird nicht in allen E-Mail-Umgebungen angezeigt.

    "border"-Attribut

    Generell gilt: Wenn ein Bild verlinkt ist (ein öffnendes <a>-Tag und ein schließendes </a>-Tag umgeben das <img>-Tag), empfehlen wir, das Attribut border="0" zum <img>-Tag hinzuzufügen; damit wird verhindert, dass ein Rahmen um das Bild herum angezeigt wird.

    Beispiel
    <img src="https://www.yoursite.com/img/image.png" border="0">

    Display:block style

    Solange ein Bild nicht als Inline-Element eingebettet ist, wird empfohlen, den Stil display:block standardmäßig anzuwenden. Dieser Stil verhindert, dass in einigen E-Mail-Umgebungen am oberen und unteren Rand eines Bildes ein Innenabstand (Padding) eingefügt wird.

    Beispiel
    <img src="https://www.yoursite.com/img/image.png" style="display:block;">

    Variablen

    Variablen: Variablen einer Vorlage ändern

    Eine Variable kann in einer Vorlage mehrmals verwendet werden. So können Variablen zum Beispiel im Frame, im Style oder in den Blöcken verwendet werden. Das Bearbeiten einer Variablen hat also möglicherweise nicht nur Auswirkungen auf einen bestimmten Teil, sondern auch auf andere Inhalte.

    In einigen Fällen ist es notwendig, eine Kopie der Variablen zu erstellen, damit sie unabhängig geändert werden kann. Weitere Informationen erhalten Sie unter: Vorlagenvariablen einrichten

    Variablen können im Frame und Style bzw. in den Blöcken der Vorlage verwendet werden und sind wie folgt eingebettet:
    {variables.variableName}

    Überprüfen Sie die Einbettung der Variablen, die Sie ändern wollen, um zu sehen, welche Werte verwendet werden können: string, color code, integer etc.

    1. Wählen Sie das Tab Variablen aus und suchen Sie die Variable, die Sie bearbeiten wollen.
    1. Klicken Sie Bearbeiten, um den Typ oder die Werte zu ändern.

    Änderungen an der Vorlage speichern und bestehende Kampagnen aktualisieren

    1. Wenn Sie mit dem Bearbeiten fertig sind, speichern Sie die Änderungen an der E-Mail-Vorlage.
    1. Aktualisieren Sie bestehende E-Mail-Kampagnen, damit die Änderungen wirksam werden.

    Weitere Informationen zur Aktualisierung bestehender Kampagnen erhalten Sie unter:

    E-Mail-Vorlagen ändern: Häufig gestellte Fragen

    Eine bestehende E-Mail-Kampagne wurde auf Basis der geänderten Vorlage aktualisiert und gespeichert. Warum sind die Änderungen nicht sichtbar?

    • Stellen Sie sicher, dass Ihre E-Mail-Kampagne auf der von Ihnen bearbeiteten Vorlage basiert.
    • Die E-Mail-Kampagne wurde möglicherweise nicht ordnungsgemäß aktualisiert. Nach Übernahme einer Aktualisierung muss die Kampagne gespeichert werden.
    • Sobald Sie ein Content-Element (Text, Bild, Link) oder eine Variable in Ihrer Kampagne bearbeiten und damit den Standardcontent oder -wert aufheben, behält dieses Element die vorgenommenen Änderungen bei, auch wenn Sie eine Kampagnenaktualisierung durchführen. Um die Änderungen sehen zu können, müssen Sie den Block oder die Variablen zurücksetzen.

    Wenn Sie einen Block zurücksetzen, wird der gesamte Inhalt auf die Standardwerte für Text, Links und Bilder zurückgesetzt.

    Anstatt den Block zurückzusetzen, können Sie einen neuen Block per Drag&Drop in Ihre Kampagne ziehen, um den bestehenden zu ersetzen.

    Vorlagenvariablen werden nicht automatisch über den Button Block zurücksetzen zurückgesetzt. Sie können entweder über die Block Style Settings auf Blockebene oder global über die Campaign Style Settings auf ihren Standardwert zurückgesetzt werden. Zum Beispiel, wenn eine Variable nur im Vorlagen-Frame verwendet wird.

    Setzen Sie Variablen über die Block Style Settings zurück.

    Setzen Sie Variablen über die Campaign Style Settings zurück.

    Einstellungen, die über die Campaign Style Settings vorgenommen werden, können durch die gleichen Einstellungen auf Block-Level überschrieben werden; daher kann es erforderlich sein, die Variablen mit beiden Optionen zurückzusetzen.