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
Met de onderstaande instructies zet je een bestaande horizontale dynamische tabel om naar een sectie met een productafbeelding boven de productgegevens. De sectie wordt herhaald voor elk product in de winkelwagen of bestelling. Als je nog geen flow-e-mail hebt met een dynamische tabel, zoek er dan een in de flow-bibliotheek.
- Selecteer Flow in de Klaviyo-zijbalk.
- Navigeer naar je flow voor winkelwagen verlaten of orderbevestiging.
- Als de e-mail die je wilt bewerken Live is, selecteer je Handmatig in de statusdropdown op de berichtkaart voordat je gaat bewerken. Het stopt automatisch met verzenden; ontvangers die het verzendmoment bereiken, gaan naar Beoordeling nodig. Laat e-mails die al in Concept of Handmatig staan op hun huidige status.
- Selecteer de e-mail met je dynamische tabel (de tabel die producten uit iemands winkelwagen of bestelling weergeeft) en klik vervolgens op Bewerken om de e-maileditor te openen.
- Voeg direct onder het dynamische tabelblok een nieuwe sectie toe.
- Voeg een afbeeldingsblok en een tekstblok toe aan je nieuwe sectie, met de afbeelding boven de tekst.
- Selecteer je oorspronkelijke dynamische tabel. Kopieer in Stijlen de waarden uit Rijverzameling en Rij-alias.
- Selecteer je nieuwe sectie, open Weergave en klik op Contentherhaling toevoegen.
- Plak de waarde Rijverzameling van de oorspronkelijke tabel in Herhalen voor en de waarde Rij-alias in Itemalias, en klik vervolgens op Opslaan.
- Selecteer je oorspronkelijke tabel, open Content en selecteer de cel met de productafbeelding. Klik op Vervangen voor de dynamische afbeelding.
- Kopieer in het modale venster dat verschijnt alles in het veld Dynamische variabele of dynamische URL en sluit daarna het modale venster zonder de oorspronkelijke afbeelding te wijzigen.
- Klik op het afbeeldingsblok in je nieuwe sectie.
- Klik op Afbeelding selecteren.
- Selecteer Dynamische afbeelding en plak de gekopieerde waarde in Dynamische variabele of dynamische URL.
- Klik op Opslaan.
- Ga terug naar de cel met de productafbeelding in de oorspronkelijke tabel en kopieer de tag in Linkadres.
- Plak deze tag in het veld Linkadres van je nieuwe afbeeldingsblok.
- Selecteer in het tabblad Content van je oorspronkelijke tabel de cel met de productgegevens en kopieer de tekst, inclusief de personalisatietags en links.
- Plak de tekst in je nieuwe tekstblok.
- Klik op Voorbeeld en selecteer een voorbeeldgebeurtenis voor de trigger van de flow die productgegevens bevat. Gebruik, als dat kan, een gebeurtenis met meerdere producten. Controleer of de afbeelding van elk product boven de bijbehorende details verschijnt en of de afbeeldingslinks correct zijn. Als er iets niet klopt, controleer dan de waarden Herhalen voor en Itemalias van de sectie, de dynamische afbeeldings-URL, het linkadres en de gekopieerde tekst en personalisatietags.
- Als je tevreden bent met de nieuwe sectie, verwijder je het oorspronkelijke tabelblok.
- Sla de nieuwe sectie desgewenst op als universele content om te gebruiken in andere berichten binnen de flow.
- Wacht tot je wijzigingen zijn opgeslagen, open daarna Meer opties naast Afsluiten en selecteer Terug naar flow. Als je deze e-mail vóór het bewerken hebt gewijzigd van Live naar Handmatig, selecteer je Live in de statusdropdown van de berichtkaart om het automatisch verzenden te hervatten.
Ontvangers die al in Moet worden gecontroleerd staan, blijven daar staan wanneer je de e-mail weer naar Live zet. Controleer ze afzonderlijk om te bepalen of je hun berichten wilt verzenden of annuleren. Lees hoe je ontvangers in Moet worden gecontroleerd beheert.
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.
Extra hulpbronnen
- Best practices voor e-mailontwerp in de donkere modus
Lees meer over de donkere modus, een apparaatinstelling die sommige gebruikers inschakelen om hun schermen te verdonkeren. Deze instelling heeft invloed op hoe e-mails worden weergegeven. De donkere modus is een eindgebruikersinstelling die op apparaatniveau wordt geselecteerd, en Klaviyo heeft geen directe controle over hoe de donkere modus op elk apparaat wordt geïmplementeerd.
- Je merkstijlen bijwerken in Klaviyo
Ontdek wat je in Klaviyo moet bijwerken bij een rebranding of een opfrissing van het ontwerp van je merk.