Så här visar du produkter vertikalt i e-post

Du kommer att lära dig

Lär dig hur du visar produkter i din övergivna kundvagn och orderbekräftelseflöde vertikalt (dvs. med en bild ovanför produktinformationen, snarare än bredvid). 

Skapa en vertikal produkt block

Instruktionerna nedan hjälper dig att konvertera en befintlig horisontell produkt block till en vertikal produkt block. Om du ännu inte har en flöde-e-post med ett dynamiskt innehåll block kan du hitta en i flöde-biblioteket. 

1. Välj flöde i sidofältet på Klaviyo.
2. Navigera till din övergivna kundvagn eller orderbekräftelseflöde. 
3. Klicka på uppdatera Action Statuses uppe till höger för att sätta flödet till Manual medan du redigerar. 
4. Öppna ett e-postmeddelande i flödet som innehåller ditt dynamiska innehåll block (dvs. tabellen block som visar produkterna från någons kundvagn). 
5. Lägg till ett nytt avsnitt omedelbart under den dynamiska tabellen block.
   
6. Lägg till en bild block och en tabell block i ditt nya avsnitt. 
7. Kopiera värdena från tabellinställningarna > Row collection och tabellinställningarna > Row alias. 
8. Navigera till Display options och klicka på Create Repeat Rules.
   
9. Klistra in värdena från din tabell block i fälten Repeat For respektive Item alias.
   
10. I tabellen block klickar du på Replace under Dynamic Image.
    
11. I modalen som visas kopierar du allt i fältet Dynamisk variabel eller dynamisk URL.
    
12. Klicka på bilden block i ditt nya avsnitt.
13. Klicka på Bläddra i bildbibliotek. 
14. Välj Dynamic Image och klistra in den dynamiska URL:en. 
15. Klicka på Spara. 
16. Kopiera den etikett som visas i fältet Länkadress i din tabell block.
    
17. Klistra in denna etikett i fältet Link address på din nya bild block. 
18. Kopiera textinnehållet från din ursprungliga tabell block.
    
19. Klistra in texten i din nya text block. 
20. Förhandsgranska din e-post för att säkerställa att all produktinformation visas i det nya avsnittet. Om något verkar felaktigt, kontrollera att alla element (dvs. radsamling, radalias, URL för dynamisk bild och textinnehåll) överförs korrekt. 
21. När du är nöjd med det nya avsnittet tar du bort den ursprungliga tabellen block. 
22. Spara eventuellt det nya avsnittet som Universalinnehåll för att använda det i andra meddelanden inom flödet. 

Utfall

När du har följt dessa steg kommer din e-post att innehålla en vertikal produkt block (med bilder ovanför produktinformationen), i stället för produktbilder och information som visas horisontellt. 

Ytterligare resurser

• Mörkt läge e-post design bästa praxis
• Hur du uppdaterar dina varumärkesstilar i Klaviyo