Hoe producten verticaal weergeven in e-mail

Wat je leert

Leer hoe je producten in je winkelwagen verlaten en orderbevestiging verticaal kunt weergeven (d.w.z. met een afbeelding boven de productinformatie in plaats van ernaast). 

Maak een verticaal productblok

De onderstaande instructies helpen je om een bestaand horizontaal productblok om te zetten in een verticaal productblok. Als je flow nog geen e-mail hebt met een blok dynamische inhoud, zoek er flow dan een in de bibliotheek. 

1. Selecteer stroming in de zijbalk Klaviyo.
2. Navigeer naar je winkelwagen verlaten of orderbevestiging flow. 
3. Klik rechtsboven op Actiestatussen bijwerken om de flow in te stellen op Handmatig terwijl je bewerkt. 
4. Open een e-mail in flow met daarin je dynamische inhoudblok (d.w.z. het tabelblok dat de producten uit iemands winkelwagentje weergeeft). 
5. Voeg een nieuwe sectie toe direct onder het dynamische tabelblok.
   
6. Voeg een afbeeldingsblok en een tabelblok toe aan je nieuwe sectie. 
7. Kopieer de waarden van Tabel instellingen > Rij verzameling en Tabel instellingen > Rij alias. 
8. Navigeer naar Weergaveopties en klik op Herhalingsregels maken.
   
9. Plak de waarden uit je tabelblok in respectievelijk de velden Repeat For (Herhalen voor) en Item alias.
   
10. Klik in je tabelblok op Vervangen onder Dynamische afbeelding.
    
11. Kopieer in het modale venster dat verschijnt alles in het veld Dynamische variabele of dynamische URL.
    
12. Klik op het afbeeldingsblok in je nieuwe sectie.
13. Klik op Afbeeldingsbibliotheek doorbladeren. 
14. Selecteer Dynamische afbeelding en plak de dynamische URL erin. 
15. Klik op Opslaan. 
16. Kopieer de tag die verschijnt in het Link adres veld van je tabelblok.
    
17. Plak deze tag in het Link adresveld van je nieuwe afbeeldingsblok. 
18. Kopieer de tekstinhoud van je oorspronkelijke tabelblok.
    
19. Plak de tekst in je nieuwe tekstblok. 
20. Bekijk een voorbeeld van je e-mail om er zeker van te zijn dat alle productinformatie in de nieuwe sectie verschijnt. Als er iets niet klopt, controleer dan of alle elementen (rijverzameling, rij alias, dynamische afbeelding URL en tekstinhoud) correct zijn overgezet. 
21. Als je tevreden bent met de nieuwe sectie, verwijder dan het oorspronkelijke tabelblok. 
22. Optioneel kun je de nieuwe sectie opslaan als universele inhoud voor gebruik in andere berichten binnen de flow. 

Resultaat

Na het volgen van deze stappen zal je e-mail een verticaal productblok bevatten (met afbeeldingen boven de productinformatie), in plaats van productafbeeldingen en -informatie die horizontaal worden weergegeven. 

Extra hulpbronnen

• Best practices voor e-mailontwerp in donkere modus
• Hoe update je merkstijlen in Klaviyo