Producten verticaal weergeven in e-mails

Wat je leert

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

Een verticaal productblok maken

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

1. Selecteer Flow in de Klaviyo-zijbalk.
2. Navigeer naar je flow voor winkelwagen verlaten of orderbevestiging.
3. Klik op Actiestatussen bijwerken rechtsboven om de flow op Handmatig te zetten terwijl je bewerkt.
4. Open een e-mail in de flow met je dynamische contentblok (d.w.z. het tabelblok dat de producten uit iemands winkelwagen weergeeft).
5. Voeg direct onder het dynamische tabelblok een nieuwe sectie toe.
   

6. Voeg een afbeeldingsblok en een tabelblok toe aan je nieuwe sectie.
7. Kopieer de waarden uit Table settings > Row collection en Table settings > Row alias.
8. Ga naar Weergaveopties en klik op Herhalingsregels maken.
   

9. Plak de waarden uit je tabelblok in respectievelijk de velden Repeat For 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 Bladeren door de afbeeldingenbibliotheek.
14. Selecteer Dynamische afbeelding en plak de dynamische URL.
15. Klik op Opslaan.
16. Kopieer de tag die wordt weergegeven in het veld Linkadres van je tabelblok.
    

17. Plak deze tag in het veld Link address van je nieuwe afbeeldingsblok.
18. Kopieer de tekstinhoud uit je oorspronkelijke tabelblok.
    

19. Plak de tekst in je nieuwe tekstblok.
20. Bekijk een preview van je e-mail om te controleren of alle productinformatie in het nieuwe gedeelte verschijnt. Als er iets niet klopt, controleer dan of alle elementen (d.w.z. rijverzameling, rij-alias, dynamische afbeeldings-URL en tekstinhoud) correct zijn overgezet.
21. Als je tevreden bent met de nieuwe sectie, verwijder je het oorspronkelijke tabelblok.
22. Sla de nieuwe sectie desgewenst op als universele content om te gebruiken in andere berichten binnen de flow.

Resultaat

Als je deze stappen volgt, bevat je e-mail een verticaal productblok (met afbeeldingen boven de productinformatie), in plaats van productafbeeldingen en informatie die horizontaal worden weergegeven.