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 wandeln eine vorhandene horizontale dynamische Tabelle in einen Abschnitt um, in dem sich ein Produktbild über den zugehörigen Details befindet. Der Abschnitt wird für jedes Produkt im Warenkorb oder in der Bestellung wiederholt. Wenn du noch keine Flow-E-Mail mit einer dynamischen Tabelle 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.
- Wenn die E-Mail, die du bearbeiten möchtest, Live ist, wähle vor der Bearbeitung im Status-Dropdown auf der Nachrichtenkarte Manuell aus. Der Versand wird dann automatisch gestoppt; Empfänger*innen, die den Versandzeitpunkt erreichen, wechseln zu Überprüfung erforderlich. Lass E-Mails, die bereits Entwurf oder Manuell sind, in ihrem aktuellen Status.
- Wähle die E-Mail aus, die deine dynamische Tabelle enthält (die Tabelle, die Produkte aus dem Warenkorb oder der Bestellung einer Person anzeigt), und klicke dann auf Bearbeiten, um den E-Mail-Editor zu öffnen.
- Füge direkt unter dem dynamischen Tabellenblock einen neuen Abschnitt hinzu.
- Füge deiner neuen Sektion einen Bildblock und einen Textblock hinzu, wobei das Bild über dem Text steht.
- Wähle deine ursprüngliche dynamische Tabelle aus. Kopiere unter Stile die Werte aus Zeilensammlung und Zeilenalias.
- Wähle deinen neuen Abschnitt aus, öffne Anzeige und klicke auf Inhaltswiederholung hinzufügen.
- Füge den Row collection -Wert der ursprünglichen Tabelle in Repeat for und den Row alias -Wert in Item alias ein und klicke dann auf Speichern.
- Wähle deine ursprüngliche Tabelle aus, öffne Inhalt und wähle die Zelle aus, die das Produktbild enthält. Klicke bei dem dynamischen Bild auf Ersetzen.
- Kopiere in dem erscheinenden Modal alles im Feld Dynamische Variable oder dynamische URL, und schließe dann das Modal, ohne das ursprüngliche Bild zu ändern.
- Klicke in deinem neuen Abschnitt auf den Bildblock.
- Klicke auf Bild auswählen.
- Wähle Dynamisches Bild aus und füge den kopierten Wert in Dynamische Variable oder dynamische URL ein.
- Klicke auf Speichern.
- Gehe zurück zur Produktbildzelle der ursprünglichen Tabelle und kopiere den Tag unter Linkadresse.
- Füge diesen Tag in das Feld Link-Adresse deines neuen Bildblocks ein.
- Wähle im Tab Inhalt deiner ursprünglichen Tabelle die Zelle aus, die die Produktdetails enthält, und kopiere den Text daraus, einschließlich der Personalisierungs-Tags und Links.
- Füge den Text in deinen neuen Textblock ein.
- Klicke auf Vorschau und wähle ein Beispielereignis für den Trigger des Flows aus, das Produktdaten enthält. Wenn möglich, verwende ein Ereignis mit mehreren Produkten. Prüfe, dass das Bild jedes Produkts über den zugehörigen Details angezeigt wird und dass die Bildlinks korrekt sind. Wenn etwas nicht korrekt angezeigt wird, prüfe die Werte Wiederholen für und Elementalias des Abschnitts, die dynamische Bild-URL, die Linkadresse sowie den kopierten Text und die Personalisierungs-Tags.
- 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.
- Warte, bis deine Änderungen gespeichert sind, öffne dann Weitere Optionen neben Beenden und wähle Zum Flow zurückkehren aus. Wenn du diese E-Mail vor dem Bearbeiten von Live auf Manuell umgestellt hast, wähle im Status-Dropdown der Nachrichtenkarte Live aus, um das automatische Senden fortzusetzen.
Empfänger*innen, die bereits in Needs Review sind, bleiben dort, wenn du die E-Mail wieder auf Live setzt. Überprüfe sie separat, um zu entscheiden, ob du ihre Nachrichten sendest oder abbrichst. Hier erfährst du mehr darüber, wie du Empfänger*innen in Needs Review verwaltest.
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.