So zeigst du Produkte vertikal in E-Mails an
Übersicht
Erfahre, wie du Produkte in deinen Flow für Warenkorbabbruch und Bestellbestätigungen vertikal anzeigen kannst (d. h. mit einem Bild über den Produktinformationen statt daneben).
Einen vertikalen Produktblock erstellen
Die folgenden Anweisungen helfen dir dabei, einen bestehenden horizontalen Produktblock in einen vertikalen Produktblock umzuwandeln. Wenn du noch keine Flow-E-Mail mit einem dynamischen Inhaltsblock hast, findest du eine in der Flow-Bibliothek.
- Wähle Flows in der Klaviyo-Seitenleiste aus.
- Navigiere zu deinem Flow für Warenkorbabbruch oder Bestellbestätigung.
- Klicke oben rechts auf Aktionsstatus aktualisieren , um den Flow während der Bearbeitung auf Manuell zu setzen.
- Öffne eine E-Mail im Flow, die deinen dynamischen Inhaltsblock enthält (d. h. den Tabellenblock, der die Produkte aus dem Warenkorb einer Person anzeigt).
- Füge direkt unter dem dynamischen Tabellenblock einen neuen Abschnitt hinzu.
- Füge deiner neuen Sektion einen Bildblock und einen Tabellenblock hinzu.
- Kopiere die Werte aus Table settings > Row collection und Table settings > Row alias.
- Navigiere zu Anzeigeoptionen und klicke auf Wiederholungsregeln erstellen.
- Füge die Werte aus deinem Tabellenblock in die Felder Repeat For bzw. Item alias ein.
- Klicke in deinem Tabellenblock unter Dynamisches Bild auf Ersetzen.
- Kopiere im angezeigten Modal alles aus dem Feld Dynamische Variable oder dynamische URL.
- Klicke in deinem neuen Abschnitt auf den Bildblock.
- Klicke auf Bildergalerie durchsuchen.
- Wähle Dynamisches Bild aus und füge die dynamische URL ein.
- Klicke auf Speichern.
- Kopiere den Tag, der im Feld Link-Adresse deines Tabellenblocks angezeigt wird.
- Füge diesen Tag in das Feld Linkadresse deines neuen Bildblocks ein.
- Kopiere den Textinhalt aus deinem ursprünglichen Tabellenblock.
- Füge den Text in deinen neuen Textblock ein.
- Sieh dir eine Vorschau deiner E-Mail an, um sicherzustellen, dass alle Produktinformationen im neuen Abschnitt angezeigt werden. Wenn etwas falsch angezeigt wird, prüfe, ob alle Elemente (d. h. Zeilensammlung, Zeilenalias, URL für dynamisches Bild und Textinhalt) korrekt übertragen wurden.
- Sobald du mit dem neuen Abschnitt zufrieden bist, lösche den ursprünglichen Tabellenblock.
- Speichere den neuen Abschnitt optional als universellen Inhalt, um ihn in anderen Nachrichten im Flow zu verwenden.
Ergebnis
Nachdem du diese Schritte ausgeführt hast, enthält deine E-Mail einen vertikalen Produktblock (mit Bildern über den Produktinformationen), statt Produktbildern und -informationen, die horizontal angezeigt werden.
Weitere Ressourcen
- Best Practices für das E-Mail-Design im Dark Mode
Hier erfährst du mehr über den Dark Mode, eine Geräteeinstellung, die manche Nutzer*innen aktivieren, um ihre Displays abzudunkeln. Diese Einstellung wirkt sich darauf aus, wie E-Mails angezeigt werden. Der Dark Mode ist eine Endnutzer*innen-Einstellung, die auf Geräteebene ausgewählt wird, und Klaviyo hat keine direkte Kontrolle darüber, wie der Dark Mode auf den einzelnen Geräten implementiert wird.
- So aktualisierst du die Stileinstellungen deiner Marke in Klaviyo
Erfahre, was du in Klaviyo aktualisieren musst, wenn du ein Rebranding durchführst oder das Design deiner Marke auffrischst.