Referenz für E-Mail-Inhaltsblöcke

Referenz für jeden Block, den Sie auf der Arbeitsfläche des Drag & Drop-Editors hinzufügen können, sowie für die Linktypen, die für Buttons und Text verfügbar sind. Um zu steuern, welche Empfänger einen Block sehen, legen Sie eine Anzeigebedingung fest.

Inhaltsblöcke hinzufügen

Öffnen Sie den Tab Blöcke und ziehen Sie einen Block auf die Arbeitsfläche, oder klicken Sie auf einen Block, um ihn am Ende der E-Mail hinzuzufügen. Verfügbare Blöcke:

• Überschrift: Titel und kurze Schlagzeilen in der E-Mail
• Text: Fließtext und längere Beschreibungen
• Button: ein klickbarer Call-to-Action
• Bild: Bilder aus dem Medienspeicher, Upload oder URL
• Video: ein klickbares Videoposter, das auf ein YouTube- oder Vimeo-Video verlinkt
• Karte: ein Bild gepaart mit einer Überschrift, Text und einem Button in einem Layout
• Trennlinie: eine Linie, die Abschnitte visuell trennt
• 2 Spalten: zwei gleiche Spalten nebeneinander
• 3 Spalten: drei gleiche Spalten nebeneinander
• 4 Spalten: vier gleiche Spalten nebeneinander
• 33 / 67: zwei Spalten, bei denen die linke etwa 33 % der Breite und die rechte etwa 67 % einnimmt
• 67 / 33: zwei Spalten, bei denen die linke etwa 67 % der Breite und die rechte etwa 33 % einnimmt
• Timer: ein Countdown für Angebote und Fristen
• Menü: eine Zeile oder Spalte mit Links, wie z. B. Navigation oder Kontakte
• Social: Symbole, die auf Ihre sozialen Profile verlinken
• HTML: benutzerdefiniertes HTML, wie z. B. ein Formular, eine Umfrage oder ein eingebettetes Video
• Produkte: ein sich wiederholendes Raster von Produktkarten. Geben Sie Produkte manuell ein oder ziehen Sie sie aus Ihrem Produktkatalog oder dem abgebrochenen Warenkorb eines Empfängers.
• News: ein sich wiederholendes Raster von Artikelkarten, die aus einem RSS- oder Atom-Feed gezogen werden.

Überschrift und Text

Die Blöcke Überschrift und Text enthalten den Text, den die Empfänger in der E-Mail lesen. Verwenden Sie Überschrift für Titel und kurze Zeilen, Text für Fließtext und längere Beschreibungen.

Klicken Sie auf einen Block auf der Arbeitsfläche, um mit der Bearbeitung zu beginnen. Wählen Sie Text aus, um die Formatierungsleiste aufzurufen.

Optionen der Symbolleiste

• Textstil: Legen Sie einen Absatzstil (Überschrift 1, Überschrift 2, Normal usw.) für den gesamten Block fest
• Schriftgröße: Ändern Sie die Größe des ausgewählten Textes oder wenden Sie eine Größe auf den gesamten Absatz an
• Fett / Kursiv / Unterstrichen / Durchgestrichen: Standard-Zeichenformatierung
• Ausrichtung: links, zentriert oder rechts
• Link: Umschließen Sie den ausgewählten Text mit einem Hyperlink
• Aufzählung / Nummerierte Liste: Wandeln Sie die ausgewählten Zeilen in eine Liste um. Jeder Aufzählungspunkt oder jede Nummer, mit der die Zeilen bereits beginnen, wird entfernt, damit sie nicht mit dem eigenen Marker der Liste verdoppelt wird.

Wählen Sie den Block (nicht einen Textbereich) aus, um seine Einstellungen im rechten Bereich zu öffnen, und aktivieren Sie dann Zeichenabstand, um den Zeichenabstand für den gesamten Block zu vergrößern oder zu verkleinern. Akzeptiert gebrochene und negative Werte. Um den Zeichenabstand auf alle Textblöcke gleichzeitig anzuwenden, legen Sie ihn stattdessen als E-Mail-weiten Standard unter Typografie fest. Siehe E-Mail-weites Styling konfigurieren.

Einfügen aus anderen Dokumenten

Beim Einfügen von Text aus Google Docs, Word oder einer Webseite bleiben Fett, Kursiv, Unterstrichen, Durchgestrichen und Links erhalten. Farbe, Schriftgröße und Schriftfamilie aus der Quelle werden nicht übernommen – die eigene Typografie des Blocks hat immer Vorrang. Um die Quellformatierung vollständig zu ignorieren und den Stil des Blocks zu übernehmen, fügen Sie mit Strg+Umschalt+V (Cmd+Umschalt+V auf dem Mac) ein.

Eine eingefügte Aufzählung oder nummerierte Liste behält ihren Aufzählungspunkt oder ihre Nummer als einfachen Text am Anfang jeder Zeile im selben Block. Wählen Sie diese Zeilen aus und klicken Sie auf Aufzählung / Nummerierte Liste, um sie in eine echte Liste umzuwandeln – der Button entfernt den übrig gebliebenen Marker für Sie.

In einzeiligen Feldern, wie z. B. einer Button-Beschriftung, werden eingefügte Zeilenumbrüche zu einem einzigen Leerzeichen zusammengefasst.

Personalisierung mit Merge-Tags

Merge-Tags sind Platzhalter, die einen Tag-Wert aus dem Profil des Empfängers einfügen, sodass jeder Abonnent personalisierten Text sieht. Um einen hinzuzufügen, wählen Sie den Text aus, klicken Sie in der Symbolleiste auf Merge-Tags und wählen Sie einen Tag aus Ihrem Konto. Klicken Sie auf einen eingefügten Merge-Tag, um ein Panel mit den Feldern Standard (der Wert, der angezeigt wird, wenn der Tag leer ist) und Format (Großschreibung, Zahlen- oder Datumsformatierung, die auf den Wert angewendet wird) zu öffnen.

Bild

Ein Bild-Block zeigt ein Bild in der E-Mail an. Wählen Sie es auf der Arbeitsfläche aus, um die Bild-Einstellungen im rechten Bereich zu öffnen.

Ein Bild hinzufügen

Klicken Sie auf Bild hinzufügen, wenn der Block leer ist, oder auf Bild ersetzen, wenn bereits ein Bild festgelegt ist. Dies öffnet die Mediengalerie mit drei Tabs:

• Bibliothek: Ihre hochgeladenen Dateien, durchsuchbar nach Dateinamen.
• Stockfotos: Suchen Sie kostenlose Pexels-Fotos, ohne den Editor zu verlassen. Klicken Sie auf eines, um es in Ihre Bibliothek zu kopieren und einzufügen.
• Mit KI generieren: Beschreiben Sie das gewünschte Bild und wählen Sie ein Seitenverhältnis. Das generierte Bild wird in Ihrer Bibliothek gespeichert.

Sie können auch einen gehosteten Link direkt in die Bild-URL einfügen, um die Galerie zu überspringen.

Alternativtext

Beschreiben Sie das Bild im Alternativtext für die Barrierefreiheit, oder klicken Sie auf Alternativtext mit KI generieren, um ihn von der KI aus dem Bild in Ihrer aktuellen Bearbeitungssprache schreiben zu lassen. Bilder, die aus Stockfotos oder mit KI generiert wurden, erhalten automatisch einen Alternativtext.

Größe & Anpassung

• Breite: Legen Sie die Breite des Bildes in px oder als Prozentsatz des verfügbaren Platzes fest, damit es flüssig bleibt. Lassen Sie es auf dem Standardwert, um die natürliche Breite des Bildes zu verwenden.
• Breite auf Mobilgeräten (px): Überschreibt die Breite nur auf Telefonbildschirmen. Lassen Sie das Feld leer, um das Bild proportional von seiner Desktop-Breite herunterskaliert zu halten.
• Höhe (px): Legen Sie eine feste Renderhöhe fest. Lassen Sie das Feld leer, um automatisch zu skalieren – vom Zuschneideverhältnis, falls eines festgelegt ist, andernfalls von den natürlichen Proportionen des Bildes.
• Zuschneiden: Wählen Sie Original, um die natürlichen Proportionen des Bildes beizubehalten, oder ein Verhältnis (Quadrat (1:1), 4:3, 3:2, 16:9), um das Bild auf diesen Kasten zuzuschneiden.
• Anpassung: Wählen Sie Ausfüllen, um den Kasten zu füllen und darauf zuzuschneiden. Legen Sie den Zuschneidepunkt mit Fokuspunkt fest. Oder wählen Sie Einpassen, um das gesamte Bild ohne Zuschneiden innerhalb des Kastens zu skalieren. Positionieren Sie es mit Position festlegen.

Links und Abstand

Um einen Link zu öffnen, wenn auf das Bild geklickt wird, geben Sie ihn in die Link-URL ein und stellen Sie das Link-Ziel so ein, dass es im selben Tab oder in einem neuen geöffnet wird. Siehe Links hinzufügen für verfügbare Linktypen.

Aktivieren Sie unter Abstand die Option Innenabstand, um Platz um das Bild herum hinzuzufügen. Verwenden Sie Alle Seiten für einen einheitlichen Innenabstand, oder aktivieren Sie Weitere Optionen, um jede Seite separat festzulegen.

Video

Ein Video-Block fügt ein YouTube- oder Vimeo-Video als klickbares Vorschaubild in die E-Mail ein. E-Mail-Clients können Videos nicht innerhalb der Nachricht abspielen, daher zeigt der Block ein Standbild mit einem ▶-Overlay. Wenn der Empfänger darauf tippt, öffnet sich das Video auf YouTube oder Vimeo. Dies funktioniert in jedem wichtigen Client, einschließlich Outlook.

Wählen Sie den Video-Block auf der Arbeitsfläche aus, um seine Einstellungen im rechten Bereich zu öffnen.

• Video-URL: Fügen Sie einen YouTube- oder Vimeo-Link ein. Der Editor ruft automatisch ein Vorschaubild ab.
• Alternativtext: Beschreiben Sie das Video für die Barrierefreiheit.
• Vorschaubild-URL: Behalten Sie das automatisch abgerufene Vorschaubild bei, oder klicken Sie auf Vorschaubild hinzufügen / Vorschaubild ersetzen, um eines aus der Mediengalerie auszuwählen, oder fügen Sie einen gehosteten Link direkt ein.
• Play-Button-Overlay: Standardmäßig aktiviert. Deaktivieren Sie es, um das einfache Vorschaubild ohne das ▶-Overlay anzuzeigen. Das Overlay ist für Vorschaubilder auf einigen externen Hosts nicht verfügbar. Der Editor warnt Sie, wenn dies zutrifft, und die E-Mail zeigt stattdessen das einfache Vorschaubild an.
• Breite (px), Eckenradius (px) und Ausrichtung: Steuern Sie, wie das Vorschaubild aussieht und wo es im Layout platziert ist. Sie können die Ausrichtung für Mobilgeräte separat einstellen.

Karte

Ein Karten-Block kombiniert ein Bild mit einer Überschrift, Text und einem Button in einem einzigen vorgefertigten Layout. Wählen Sie ihn auf der Arbeitsfläche aus, um seine Einstellungen im rechten Bereich zu öffnen.

• Layout: Wählen Sie, auf welcher Seite das Bild im Verhältnis zum Inhalt platziert wird.
• Bild: Ersetzen Sie das Bild, legen Sie einen Alternativtext fest oder bearbeiten Sie die Anweisung für ein Bild, das Sie mit Mit KI generieren erstellt haben.
• Größe & Anpassung: Die Größenfelder hängen vom Layout ab. Zuschneiden ist für alle Layouts verfügbar. Anpassung gilt für jedes Layout außer Hintergrund:
  • Oben: Höhe legt die Höhe des Bildes in px oder als Prozentsatz der Kartenbreite fest. Breite (px) verengt das Bild auf eine feste Pixelbreite und zentriert es.
  • Hintergrund: Höhe legt die Höhe der Karte in px oder als Prozentsatz ihrer Breite fest. Es gibt kein Breite (px)-Feld. Das Bild füllt immer die Karte als Hintergrund aus und wird darauf zugeschnitten, daher hat Anpassung keinen Einfluss auf dieses Layout. Fokuspunkt funktioniert weiterhin: Er legt fest, welcher Teil des Bildes sichtbar bleibt.
  • Links oder Rechts: Breite legt die Breite der Bildspalte in px oder als Prozentsatz der Karte fest. Höhe (px) fixiert das Bild auf eine Pixelhöhe. Das Festlegen einer Pixelhöhe löscht das Zuschneideverhältnis darunter. Die Auswahl eines Zuschneideverhältnisses löscht die Pixelhöhe. Sie können nicht beides gleichzeitig verwenden.
  • Für alle Layouts:
    • Zuschneiden: Wählen Sie Original, um die natürlichen Proportionen des Bildes beizubehalten, oder ein Verhältnis (Quadrat (1:1), 4:3, 3:2, 16:9), um das Bild auf diesen Kasten zuzuschneiden.
    • Anpassung: Wählen Sie Ausfüllen, um den Kasten zu füllen und darauf zuzuschneiden. Legen Sie den Zuschneidepunkt mit Fokuspunkt fest. Oder wählen Sie Einpassen, um das gesamte Bild ohne Zuschneiden innerhalb des Kastens zu skalieren. Positionieren Sie es mit Position festlegen.
• Abstand: Legen Sie den Innenabstand um den Inhalt der Karte fest.

Button

Ein Button ist ein klickbarer Call-to-Action in der E-Mail.

Klicken Sie auf einen Button-Block, um seine Beschriftung auf der Arbeitsfläche zu bearbeiten. Verwenden Sie die Symbolleiste, um Schriftgröße, Textfarbe, Fett, Kursiv, Unterstrichen, Durchgestrichen und Ausrichtung zu ändern. Die Beschriftung ist einzeilig: eingefügte Zeilenumbrüche werden zu einem Leerzeichen zusammengefasst. Siehe Einfügen aus anderen Dokumenten für Informationen darüber, was beim Einfügen beibehalten und was verworfen wird.

Um festzulegen, was passiert, wenn der Empfänger auf den Button klickt:

• Klicken Sie auf das Link-Symbol in der Symbolleiste, um Link einfügen/bearbeiten zu öffnen.
• Oder verwenden Sie Aktionstyp und URL im Abschnitt Link des rechten Panels.

Siehe Links hinzufügen für die verfügbaren Aktionstypen.

Im rechten Panel, unter Stile:

• Ausrichtung: links, zentriert oder rechts.
• Hintergrund, Textfarbe, Schriftgröße und Schriftfamilie: Aktivieren Sie jede Option, um das Standardaussehen zu überschreiben.
• Randradius, Randfarbe und Randbreite: Form und Umriss des Buttons.
• Breite: Legen Sie eine feste Button-Breite fest oder lassen Sie sie automatisch.
• Innenabstand: Fügen Sie Platz innerhalb des Buttons hinzu. Verwenden Sie Alle Seiten für einen einheitlichen Innenabstand, oder aktivieren Sie Weitere Optionen, um jede Seite separat festzulegen.

Trennlinie

Eine Trennlinie ist eine horizontale Linie zwischen Inhaltsblöcken. Verwenden Sie sie, um Abschnitte in der E-Mail visuell zu trennen.

Konfigurieren Sie Linienstil (Durchgehend, Gestrichelt, Gepunktet), Farbe, Dicke und Breite im Einstellungs-Panel.

HTML

Der HTML-Block ermöglicht es Ihnen, benutzerdefiniertes HTML in Ihre E-Mail einzufügen. Verwenden Sie ihn für ein benutzerdefiniertes Formular, eine Umfrage oder ein eingebettetes Video.

Über dem Code-Feld klicken Sie auf Merge-Tag, um die Tags Ihres Kontos zu durchsuchen und einen Merge-Tag an der Cursorposition einzufügen – dieselbe Personalisierungsfunktion, die oben beschrieben wurde – oder klicken Sie auf das Emoji-Symbol, um auf die gleiche Weise ein Emoji einzufügen. Klicken Sie auf einen eingefügten Merge-Tag, um dasselbe Standard / Format-Panel wie in einem Überschriften- oder Textblock zu öffnen.

Beispiele

Lead-Formular

Dieses Lead-Formular sammelt eine E-Mail-Adresse, um einen Promo-Code für den Neujahrsverkauf zu senden.

HTML-Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

Umfrage

Diese Umfrage fragt, für welche Kategorie der Empfänger einkauft, und verlinkt jede Option auf die entsprechende Verkaufsseite.

HTML-Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

Video

Dieses Beispiel bettet ein Werbevideo für den Neujahrsverkauf in die E-Mail ein.

HTML-Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

Hinweis

Sie können auch einen Abmeldelink direkt im HTML-Block hinzufügen:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

Der Platzhalter %%PW_EMAIL_UNSUBSCRIBE%% wird beim Senden der E-Mail durch die Pushwoosh-Abmelde-URL ersetzt.

Menü

Der Menü-Block platziert mehrere klickbare Elemente in einer Zeile oder Spalte. Verwenden Sie ihn für eine Navigationsleiste oder eine Liste von Unternehmenskontakten.

Für jedes Menüelement legen Sie fest:

• Beschriftung: der Text, den die Empfänger sehen
• URL: wohin das Element führt
• Ziel: derselbe Tab oder ein neuer Tab

In den Blockeinstellungen können Sie auch festlegen:

• Richtung: Horizontal oder Vertikal
• Ausrichtung: Links, Zentriert oder Rechts
• Trennzeichen: ein optionales Trennzeichen zwischen den Elementen
• Schriftart, Größe, Gewicht, Zeichenabstand und Link-/Textfarben

Social

Der Social-Block zeigt eine Reihe von Social-Media-Symbolen an, die auf Ihre Profile verlinken. Verwenden Sie ihn, um Empfänger von der E-Mail aus zu Facebook, Instagram, X und anderen Plattformen zu senden.

Fügen Sie Plattform-Einträge hinzu und legen Sie dann die Ausrichtung, die Symbolgröße und den Abstand zwischen den Symbolen fest.

Countdown-Timer

Der Timer-Block ist ein Countdown in der E-Mail. Verwenden Sie ihn für zeitlich begrenzte Angebote, Blitzverkäufe und Veranstaltungserinnerungen.

So richten Sie ihn ein:

1. Legen Sie unter Countdown das Enddatum und die Endzeit fest und wählen Sie dann die Zeitzone und die Sprache für die Timer-Beschriftungen.
2. Aktivieren Sie Beschriftungen, um die Beschriftungen „Tage / Stunden / Minuten / Sekunden“ unter den Ziffern anzuzeigen, oder deaktivieren Sie sie für reine Zahlen.
3. Legen Sie unter Erscheinungsbild den Hintergrund, die Ziffernfarbe, die Beschriftungsfarbe und die Schriftgröße für Ziffern (Standard 40px) und Beschriftungen (Standard 16px) fest.
4. Passen Sie den Abstand (Innenabstand) nach Bedarf an.

Der Timer wird als scharfes Bild in jeder Sprache oder Größe gerendert, mit einem Hintergrund, der sich über die gesamte E-Mail-Zeile erstreckt, und einer Version, die nativ für die mobile Breite gerendert wird, anstatt eines verkleinerten Desktop-Bildes.

Spalten

Spalten teilen die Arbeitsfläche in nebeneinander liegende Abschnitte, sodass Sie Inhalte in einer Zeile nebeneinander platzieren können.

Ziehen Sie einen dieser Blöcke auf die Arbeitsfläche:

• 2 Spalten: zwei gleiche Spalten
• 3 Spalten: drei gleiche Spalten
• 4 Spalten: vier gleiche Spalten
• 33 / 67: linke Spalte ca. 33 % breit, rechte ca. 67 %
• 67 / 33: linke Spalte ca. 67 % breit, rechte ca. 33 %

Fügen Sie dann Inhalte zu jeder Spalte hinzu. Um den Abstand für alle Spalten in der E-Mail zu ändern, öffnen Sie Einstellungen → Standardeinstellungen für Spalten und passen Sie den äußeren Innenabstand, den Spalten-Innenabstand und den Abstand zwischen den Spalten an.

Für das eigene Bild der Spalte (das Sie mit Bild hinzufügen in den Spalteneinstellungen hinzufügen) zeigen die Einstellungen einen Abschnitt Größe & Anpassung. Dies ist die gleiche Steuerung wie das Links / Rechts-Layout des Karten-Blocks. Ein Bild-Block, der in eine Spalte gezogen wird, ist ein separates Inhaltselement und behält seine eigenen einfachen Größenfelder – siehe Bild.

Sie können auch einen gehosteten Link direkt in die Bild-URL einfügen, um die Galerie zu überspringen.

• Breite: Legen Sie die Breite des Bildes in px oder als Prozentsatz der Spalte fest. Lassen Sie sie undefiniert, um die Spalte auszufüllen.
• Höhe (px): Fixieren Sie das Bild auf eine Pixelhöhe. Das Festlegen einer Pixelhöhe löscht das Zuschneideverhältnis darunter. Die Auswahl eines Zuschneideverhältnisses löscht die Pixelhöhe. Sie können nicht beides gleichzeitig verwenden.
• Zuschneiden: Wählen Sie Original, um die natürlichen Proportionen des Bildes beizubehalten, oder ein Verhältnis (Quadrat (1:1), 4:3, 3:2, 16:9), um das Bild auf diesen Kasten zuzuschneiden.
• Anpassung: Wählen Sie Ausfüllen, um den Kasten zu füllen und darauf zuzuschneiden. Legen Sie den Zuschneidepunkt mit Fokuspunkt fest. Oder wählen Sie Einpassen, um das gesamte Bild ohne Zuschneiden innerhalb des Kastens zu skalieren. Positionieren Sie es mit Position festlegen.

Hinweis

Ein Spaltenbild, bei dem nur die Höhe (px) festgelegt ist, dehnt sich auf die Breite der Spalte aus und wird auf diese Höhe zugeschnitten.

Produkte

Ein Produkte-Block zeigt ein Raster von Produktkarten aus einer gemeinsamen Vorlage. Jede Karte kann ein Bild, einen Titel, eine Beschreibung, einen Preis und einen Kaufen-Button enthalten. Die Vorlage wiederholt sich für jedes Produkt.

Klicken Sie auf eine Karte auf der Arbeitsfläche, um sie zu aktivieren und zu bearbeiten:

• Ändern Sie den Titel, die Beschreibung, den Preis, das Bild oder den produktspezifischen Link, um nur diese Karte zu aktualisieren.
• Ändern Sie das Vorlagenlayout, die Farben, den Innenabstand oder die enthaltenen Elemente, um jede Karte zu aktualisieren.

Wählen Sie im Einstellungs-Panel unter Quelle aus, woher die Produkte stammen:

• Manuell: Geben Sie Produkte manuell ein, wählen Sie sie anhand ihrer ID aus Ihrem Produktkatalog aus oder mischen Sie beides.
• Katalogregel: Ziehen Sie Produkte automatisch nach Kategorie und Sortierreihenfolge, die zum Sendezeitpunkt frisch aus dem Katalog aufgelöst werden.
• Warenkorb: Zeigen Sie die Artikel aus dem aktuellen abgebrochenen Warenkorb jedes Empfängers an.

Hinweis

Diese Quellen erfordern Content-Vorlagen in Ihrem Plan. Wenn der Quelle-Selektor nicht auf Katalogregel oder Warenkorb umschaltet, kontaktieren Sie den Support oder Ihren Account Manager.

Sie benötigen auch einen API-Zugangstoken (Einstellungen → API-Zugang). Ohne einen Token können Sie die Quelle zwar auswählen, aber der Block rendert keine Produkte, bis Sie einen erstellen und die Quelle erneut auswählen.

Produkte manuell hinzufügen

Füllen Sie das Raster selbst, entweder indem Sie Produkte manuell eingeben oder indem Sie bestimmte Artikel aus Ihrem Produktkatalog anhand der ID auswählen. Sie können beides im selben Block mischen.

• Anzahl der Produkte: Legen Sie fest, wie viele Karten angezeigt werden sollen (1–24).
• Produkt hinzufügen: Fügen Sie eine Karte hinzu und füllen Sie Titel, Beschreibung, Preis, Bild und Link selbst aus.
• Aus Katalog auswählen…: Wählen Sie bestimmte Produkte aus Ihrem Produktkatalog aus, anstatt sie einzutippen.
• Aus Katalog aktualisieren: Ziehen Sie den neuesten Titel, die Beschreibung, den Preis und das Bild für Produkte, die Sie aus dem Katalog ausgewählt haben, falls sie sich seit dem Hinzufügen geändert haben. Betrifft keine manuell eingegebenen Produkte.
• Produktbilder: Klicken Sie auf ein Vorschaubild, um das Bild dieses Produkts zu ersetzen.
• Produktlinks: Geben Sie die URL für jedes Produkt ein oder bearbeiten Sie sie.

Produkte mit einer Katalogregel abrufen

Ziehen Sie Produkte automatisch nach Kategorie und Sortierreihenfolge, ohne manuelle Auswahl.

• Kategorie: Beschränken Sie sich auf eine bestimmte Katalogkategorie oder Alle Kategorien.
• Sortieren: Wählen Sie die Reihenfolge, in der Produkte abgerufen werden: Neueste zuerst, Preis: niedrig nach hoch, Preis: hoch nach niedrig oder Titel A-Z.
• Anzahl der Produkte: Legen Sie eine Grenze fest, wie viele Karten angezeigt werden sollen (1–12).
• Vorschau aktualisieren: Berechnen Sie die Vorschau auf der Arbeitsfläche jetzt sofort anhand des Katalogs neu.

Vorschau vs. Sendezeitpunkt

Die Vorschau auf der Arbeitsfläche zeigt die Produkte an, die der Regel im Moment entsprechen. Wenn sich der Katalog ändert, bevor Sie die E-Mail senden, z. B. wenn ein Produkt ausverkauft ist oder ein neues hinzugefügt wird, sehen die Empfänger zum Sendezeitpunkt die aktualisierte Übereinstimmung, nicht die Vorschau.

Artikel aus dem Warenkorb anzeigen

Rendern Sie die aktuellen Artikel aus dem abgebrochenen Warenkorb eines Empfängers.

• Max. angezeigte Produkte: Legen Sie eine Grenze fest, wie viele Karten angezeigt werden sollen (1–12).
• Warenkorb eines Benutzers vorschauen: Geben Sie eine Benutzer-ID oder E-Mail ein und klicken Sie auf Warenkorb vorschauen, um zu sehen, wie der Block für diesen spezifischen Empfänger gerendert wird.

Hinweis

Jeder Empfänger erhält zum Sendezeitpunkt seinen eigenen aktuellen abgebrochenen Warenkorb. Empfänger ohne einen überspringen den Block einfach, also zielen Sie Ihre Zielgruppe mit dem PW_AbandonedCartID-Tag an. Die Arbeitsfläche selbst zeigt Beispielkarten, keine echten Warenkorbdaten. Siehe Wie man eine Kampagne für abgebrochene Warenkörbe einrichtet für die vollständige Einrichtung.

Das Raster gestalten

Sobald Sie eine Quelle ausgewählt haben, steuern diese Einstellungen das Aussehen des Rasters und seiner Karten. Sie bleiben unabhängig von der verwendeten Quelle gleich:

• Spalten: Wählen Sie 1, 2 oder 3 Karten pro Zeile. Auf Mobilgeräten werden Karten immer in einer Spalte gestapelt.
• Abstand: Aktivieren Sie diese Option, um den Abstand zwischen den Karten festzulegen. Deaktiviert verwendet den Standardwert (16px).
• Beschreibungslimit: Das Zeichenlimit, auf das der Beschreibungstext gekürzt wird, damit die Karten eine einheitliche Größe behalten.
• Kartenvorlage: Wählen Sie ein Layout und legen Sie dann Kartenhintergrund, Karten-Eckenradius und Inhalts-Innenabstand für jede Karte fest.
• Größe & Anpassung: Wird für jedes Layout mit einem Bild angezeigt. Dieselben Breite-, Höhe-, Zuschneiden- und Anpassung-Steuerelemente wie bei der bildgrößenanpassung pro Layout des Karten-Blocks, dimensioniert relativ zur Kartenbreite anstatt zur gesamten E-Mail.

Die Blockstil-Einstellungen unten gestalten den Block als Ganzes, getrennt von den Karten darin:

• Hintergrund und Hintergrundbild: Legen Sie eine Hintergrundfarbe oder ein Bild hinter dem gesamten Raster fest.
• Randfarbe, Randbreite und Randradius: Fügen Sie einen Umriss und abgerundete Ecken um das gesamte Raster hinzu.
• Auf Mobilgeräten ausblenden und Auf dem Desktop ausblenden: Blenden Sie den gesamten Block auf einem Gerät aus. Siehe Inhalte pro Gerät ein- oder ausblenden.

Wie der Verkaufspreis erscheint

Wenn ein Produkt einen Verkaufspreis in Ihrem Katalog hat, zeigt die Karte den reduzierten Preis an, wobei der ursprüngliche Preis durchgestrichen ist. Dies gilt für Katalogregel, Warenkorb und Katalogartikel in Manuell. Manuell eingegebene Produkte haben keinen Verkaufspreis.

News

Ein News-Block zeigt ein Raster von Artikelkarten an, die aus einem RSS- oder Atom-Feed, wie Ihrem Blog oder einer Nachrichtenseite, gezogen werden. Jede Karte kann ein Bild, ein Datum, eine Überschrift, eine Zusammenfassung und einen „Weiterlesen“-Link enthalten. Die Vorlage wiederholt sich für jeden Artikel, genauso wie beim Produkte-Block. Ein neuer News-Block beginnt mit 2 Beispielkarten.

Klicken Sie auf eine Karte auf der Arbeitsfläche, um sie zu aktivieren und zu bearbeiten:

• Ändern Sie das Datum, die Überschrift, die Zusammenfassung, das Bild oder den Link pro Artikel, um nur diese Karte zu aktualisieren.
• Ändern Sie das Vorlagenlayout, die Farben, den Innenabstand oder die enthaltenen Elemente, um jede Karte zu aktualisieren.

Artikel werden in den E-Mail-Inhalt kopiert, sobald Sie sie laden; zum Sendezeitpunkt wird nichts erneut abgerufen. Artikelbilder werden in Ihren Medienspeicher kopiert und bei Bedarf von WebP in JPEG konvertiert, da Outlook WebP nicht rendern kann.

Fügen Sie im Einstellungs-Panel unter News-Feed eine RSS 2.0- oder Atom-Feed-URL ein und dann entweder:

• Neueste Artikel laden: Ersetzen Sie die aktuellen Karten durch die neuesten Artikel aus dem Feed, mit der gleichen Anzahl von Karten, die Sie bereits haben (standardmäßig 2).
• Artikel auswählen…: Öffnen Sie eine Schublade, die bis zu 12 der neuesten Artikel des Feeds auflistet, mit Vorschaubild, Überschrift, Datum, Kategorie und Autor, und wählen Sie aus, welche Sie hinzufügen möchten. Ausgewählte Artikel werden an die vorhandenen Karten angehängt, bis zu insgesamt 12; Artikel, die sich bereits auf der Arbeitsfläche befinden, können nicht zweimal ausgewählt werden.

Hinweis

Wenn die Feed-URL leer oder ungültig ist oder der Feed keine Artikel enthält, zeigt Pushwoosh einen Fehler an und lässt die aktuellen Karten unverändert.

Die Schublade ermöglicht es Ihnen, bestimmte Artikel manuell auszuwählen, anstatt immer die neuesten zu nehmen.

Layout

• Spalten: Wählen Sie 1, 2 oder 3 Karten pro Zeile. Auf Mobilgeräten werden Karten immer in einer Spalte gestapelt.
• Abstand: Aktivieren Sie diese Option, um den Abstand zwischen den Karten festzulegen. Deaktiviert verwendet den Standardwert (16px).
• Zusammenfassungslimit: Das Zeichenlimit, auf das die Artikelzusammenfassung gekürzt wird, damit die Karten eine einheitliche Größe behalten.

Artikelbilder und -links

• Artikelbilder: Klicken Sie auf ein Vorschaubild, um das Bild dieses Artikels zu ersetzen.
• Artikellinks: Wird angezeigt, wenn die Kartenvorlage einen Link enthält, der an den Artikel gebunden ist (der standardmäßige „Weiterlesen“-Button). Listet jeden Artikel nach Überschrift auf, sodass Sie seine Ziel-URL, die ursprünglich aus dem Feed gezogen wurde, bearbeiten oder überschreiben können.

Kartenvorlage und Größenanpassung

Wählen Sie ein Layout und legen Sie dann Kartenhintergrund, Karten-Eckenradius und Inhalts-Innenabstand für jede Karte fest. Für das Links- oder Rechts-Layout aktivieren Sie Text um Bild fließen lassen, um die Überschrift und die Zusammenfassung um das Bild fließen zu lassen, anstatt sie in einer festen Spalte zu halten. Größe & Anpassung (Breite, Höhe, Zuschneiden, Anpassung) funktioniert genauso wie die bildgrößenanpassung pro Layout des Karten-Blocks, dimensioniert relativ zur Kartenbreite.

Blockstil

Hintergrund, Hintergrundbild, Randfarbe/-breite/-radius und Auf Mobilgeräten ausblenden / Auf dem Desktop ausblenden funktionieren genauso wie beim Produkte-Block.

Hinweis

Wie jeder andere Block unterstützt auch ein News-Block Anzeigebedingungen, um ihn nur einer Teilmenge von Empfängern anzuzeigen.

Blöcke speichern und wiederverwenden

Speichern Sie einen Block, um ihn in dieser oder anderen E-Mails wiederzuverwenden, anstatt ihn jedes Mal neu zu erstellen.

1. Klicken Sie auf den Block selbst (seinen Rahmen oder Hintergrund, nicht auf den Text oder Button darin), um den gesamten Block auszuwählen. Karte, Spalten und Social sind Beispiele für Blöcke, die auf diese Weise funktionieren.
2. Klicken Sie auf das Lesezeichen-Symbol in der Symbolleiste des Blocks und geben Sie ihm einen Namen.

Gespeicherte Blöcke erscheinen unter Gespeicherte Blöcke am unteren Rand des Blöcke-Tabs.

• Ziehen Sie einen gespeicherten Block auf die Arbeitsfläche oder klicken Sie darauf, um ihn am Ende der E-Mail hinzuzufügen.
• Klicken Sie auf das × auf der Kachel eines gespeicherten Blocks, um ihn zu löschen.

Kopien synchron halten

Wenn Sie einen Block speichern, aktivieren Sie Kopien synchron halten, um jede eingefügte Kopie mit derselben Quelle zu verknüpfen. Bearbeiten Sie die Quelle einmal, und die Änderung wird überall dort angewendet, wo dieser Block verwendet wird, einschließlich bereits zum Senden geplanter E-Mails.

Eine synchronisierte Kopie ist auf der Arbeitsfläche gesperrt. Sie können sie nicht direkt bearbeiten. Wählen Sie die Kopie aus, um ihre Einstellungen zu öffnen:

• Synchronisierten Block bearbeiten: Entsperren Sie diese Kopie, damit Sie sie ändern können. Oben erscheint ein Banner. Klicken Sie auf Auf alle anwenden, um Ihre Änderungen in der Quelle und jeder anderen Kopie zu speichern, oder auf Abbrechen, um sie zu verwerfen. Sie können jeweils nur einen synchronisierten Block entsperren.
• Aus Quelle aktualisieren: Ersetzen Sie diese Kopie durch die neueste Version aus der Quelle.
• Von Quelle trennen: Trennen Sie diese Kopie von der Quelle, damit Sie sie eigenständig bearbeiten können.

Hinweis

Jedes Mal, wenn Sie eine E-Mail öffnen, überprüft Pushwoosh ihre synchronisierten Kopien und aktualisiert alle, die veraltet sind. Ein Toast zeigt an, wie viele aktualisiert wurden. Wenn die Quelle neueren Inhalt hat, zeigen die Einstellungen der Kopie eine Warnung an, bis Sie die E-Mail erneut öffnen oder auf Aus Quelle aktualisieren klicken. Wenn die Quelle gelöscht wurde, behält die Kopie ihren letzten Inhalt und Sie können sie nur Von Quelle trennen.

Links hinzufügen

Verwenden Sie den Dialog Link einfügen/bearbeiten, um festzulegen, was passiert, wenn ein Empfänger auf einen Button oder ausgewählten Text klickt. Wählen Sie einen Aktionstyp und füllen Sie dann die Felder für diese Aktion aus.

Webseite öffnen

Öffnet einen Link, wenn der Empfänger klickt. Geben Sie die Adresse in URL ein.

Link zur Verwaltung der Präferenzen

Fügt einen Link zum Abonnement-Präferenzcenter hinzu, wo Empfänger auswählen können, welche E-Mail-Kategorien sie erhalten. Der Link wird automatisch eingefügt.

Abmeldelink

Ermöglicht es Empfängern, sich gemäß den Vorschriften und ihren Präferenzen abzumelden.

Tipp

Sie können auch einen Abmeldelink in einem HTML-Block hinzufügen:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

Der Platzhalter %%PW_EMAIL_UNSUBSCRIBE%% wird beim Senden der E-Mail durch die Pushwoosh-Abmelde-URL ersetzt.

Was passiert, wenn der Empfänger auf den Abmeldelink klickt

Wenn das Abonnement-Präferenzcenter aktiviert ist

Der Empfänger wird nur von der Kategorie abgemeldet, die dieser E-Mail zugewiesen ist (z. B. Newsletter). Der Kategoriename wird aus seinem Tag Subscribed Email Categories entfernt.

Ein Bestätigungsbildschirm erscheint mit den Optionen Erneut abonnieren und Präferenzen verwalten. Erfahren Sie mehr.

Wenn das Abonnement-Präferenzcenter nicht aktiviert ist

Der Empfänger wird von allen Marketing-E-Mails abgemeldet und der Tag Unsubscribed Emails wird auf true gesetzt. Transaktions-E-Mails sind davon nicht betroffen und werden weiterhin zugestellt. Erfahren Sie mehr über Nachrichtentypen.

Wichtig

Um Ihnen die Zustellung wichtiger E-Mails an Ihre Kunden zu ermöglichen, löschen wir abgemeldete Benutzer nicht aus Ihrer Benutzerbasis.

Um weiterhin engagierte Empfänger anzuschreiben, erstellen Sie ein Segment, das nach Unsubscribed Emails = false gefiltert ist. Um Beschwerden zu vermeiden, senden Sie keine E-Mails an Empfänger, die sich abgemeldet haben.

Klicks werden in der Abmelderate im Nachrichtenverlauf gezählt.

Web-Version-Link

Gibt Empfängern Zugriff auf eine Web-Version der E-Mail, nützlich, wenn sie Probleme haben, sie in ihrem Posteingang anzuzeigen.

Keine Statistiken verfolgen

Öffnet einen Link, wenn der Empfänger klickt, ohne den Klick zu den Klickstatistiken Ihrer E-Mail zu zählen. Geben Sie die Adresse in URL ein.

Bestätigungslink für Abonnementformular

Fügt einen Bestätigungslink für eine Abonnementformular-Einreichung ein (z. B. zur Bestätigung eines Double-Opt-In). Erfahren Sie mehr über Double-Opt-In.