Freigeben über

Erweiterte HTML-Steuerelemente nutzen und HTML-Ausschnitte importieren

  • Artikel

In diesem Artikel erfahren Sie, wie Sie Live-Codierung und benutzerdefiniertes Code-Tagging im Customer Insights - Journeys-E-Mail-Editor verwenden.

Als Vermarkter möchten Sie E-Mails versenden, die für Ihre Kundschaft ansprechend und personalisiert sind. Manchmal müssen Sie möglicherweise den HTML-Code ändern oder benutzerdefinierten HTML-Code hinzufügen, um bestimmte Designfunktionen und Layoutoptionen zu erreichen. Das Bearbeiten des HTML-Codes oder das Importieren von benutzerdefiniertem HTML-Code kann jedoch zu Darstellungsproblemen und Anzeigeunterschieden zwischen verschiedenen E-Mail-Clients und Geräten führen. Um Sie bei der Bewältigung dieser Probleme zu unterstützen, enthält der Customer Insights - Journeys-E-Mail-Editor erweiterte HTML-Steuerelemente, mit denen Sie E-Mails in Echtzeit bearbeiten und Ihren benutzerdefinierten Code vor der Nachbearbeitung schützen können.

Diese Funktion bietet folgende Vorteile:

  • Markieren Sie einen Abschnitt einer E-Mail als benutzerdefiniert und stellen Sie sicher, dass er vor der Nachbearbeitung und dem Rendern von Änderungen geschützt ist.
  • Codieren Sie in HTML und Sie sehen die Änderungen sofort in der E-Mail.
  • Importieren Sie HTML-Code als benutzerdefinierten Abschnitt in den E-Mail-Editor.

In den nächsten Abschnitten wird die Verwendung der erweiterten HTML-Steuerelemente im E-Mail-Editor erläutert und deren Vorteile und Einschränkungen beschrieben.

Anmerkung

Beachten Sie, dass beim Erstellen eines benutzerdefinierten Abschnitts jegliche Rendering-Unterstützung verloren geht.

Erweiterte HTML-Steuerungen aktivieren

So aktivieren bzw. deaktivieren Sie diese Funktion:

  1. Gehen Sie zu Einstellungen>Übersicht>Funktionsschalter.
  2. Aktivieren oder deaktivieren Sie den erweiterten HTML-Steuerelementumschalter im Abschnitt E-Mail-Editor.

So verwenden Sie die erweiterten HTML-Steuerelemente

Anmerkung

Um das beste Erlebnis zu erzielen, verschieben Sie das Dock an den unteren Rand der Seite, wie unten gezeigt. Für ein besseres Erlebnis verwenden Sie das Dock unten auf der Seite.

Um Abschnitte einer E-Mail als benutzerdefiniert zu markieren, müssen Sie die Funktion Abschnitt als benutzerdefiniert markieren verwenden. Mit dieser Funktion können Sie angeben, dass bestimmte Teile der E-Mail nicht durch die Nachbearbeitung geändert werden sollen und ihr ursprüngliches Rendering-Verhalten beibehalten sollen. Sie können auch einen beliebigen Abschnitt der E-Mail auswählen und den HTML-Code direkt im Code-Editor bearbeiten.

Um die benutzerdefinierte Code-Tagging-Funktion zu verwenden, führen Sie die folgenden Schritte aus:

  1. Wählen Sie den Abschnitt der E-Mail aus, den Sie als benutzerdefiniert markieren möchten.

  2. Wählen Sie die Schaltfläche Abschnitt als benutzerdefiniert markieren in der oberen linken Ecke des HTML-Editor-Fensters aus.

    Screenshot der benutzerdefinierten Code-Tagging-Funktion

  3. Sehen Sie sich den ausgewählten Code an, der mit den benutzerdefinierten Code-Tags im Code-Editor umschlossen ist, und den markierten Code, der mit einem grünen Rand hervorgehoben ist, in der Live-Vorschau Ihrer E-Mail und im HTML-Fenster.

Um ein HTML-Code-Snippet zu importieren, wählen Sie die Schaltfläche Codeausschnitt importieren oben im HTML-Editor-Fenster aus. Dadurch wird ein Fenster geöffnet, in dem Sie einen Codeausschnitt importieren können, den Sie in Ihren E-Mails verwenden können.

Um einem Codeausschnitt in Ihre E-Mail einzufügen, gehen Sie folgendermaßen vor:

  1. Wählen Sie den Abschnitt aus, an dem Sie den Code importieren möchten.

  2. Wählen Sie die Schaltfläche Codeausschnitt importieren im HTML-Editor-Fenster aus.

    Screenshot der Funktion zum Importieren Ihres eigenen Codes

  3. Sehen Sie sich den zum HTML-Editor hinzugefügten Codeausschnitt und die Live-Vorschau Ihrer E-Mail an, die mit einem grünen Rahmen in der Live-Vorschau Ihrer E-Mail und im HTML-Fenster hervorgehoben ist.

Vorteile und Einschränkungen der erweiterten HTML-Steuerelementfunktion

Die erweiterte HTML-Steuerelementfunktion bietet mehrere Vorteile für Vermarkter, die benutzerdefinierten HTML-Code in ihren E-Mails verwenden möchten. Dies sind einige der Vorteile:

  • Dies vereinfacht den E-Mail-Erstellungsprozess, indem es Ihnen ermöglicht, Ihre E-Mails in Echtzeit zu codieren und in der Vorschau anzuzeigen.
  • Dadurch haben Sie mehr Kontrolle darüber, wie Sie Informationen anzeigen und wie sie auf verschiedenen Geräten und E-Mail-Clients dargestellt werden.
  • Sie schützt Ihren benutzerdefinierten Code vor der Nachbearbeitung und stellt sicher, dass er wie vorgesehen angezeigt wird.
  • Sie reduziert den Bedarf an externen Tools und Diensten zum Bearbeiten und Testen Ihrer E-Mails.
  • Sie hilft Ihnen, Rendering-Probleme und Supporttickets zu vermeiden, indem es Ihnen einen benutzerfreundlichen HTML-Editor zur Verfügung stellt.

Allerdings weist die Funktion der erweiterten HTML-Steuerelemente auch einige Einschränkungen auf, die Sie beachten sollten. Dies sind einige der Einschränkungen:

  • Wenn Sie den Abschnitt als „Benutzerdefiniert“ markieren, wird die gesamte E-Mail-Client-Kompatibilitätsverarbeitung deaktiviert und Sie sollten Ihre E-Mails vor dem Senden testen.
  • Dynamische Inhalte oder Personalisierungstoken werden nicht unterstützt. Diese Funktionen werden möglicherweise nicht richtig angezeigt oder können Fehler im E-Mail-Client verursachen.

Sie sollten die Funktion der erweiterten HTML-Steuerelemente mit Vorsicht verwenden und bewährte Methoden zum Erstellen von E-Mails mit benutzerdefiniertem HTML-Code befolgen.