Hur du infogar en dynamisk bild i ett e-postmeddelande
Du kommer att lära dig
Lär dig mer om alternativet Dynamisk bild i ett e-postmeddelandes bildblock, inklusive hur du hittar rätt personaliseringstagg att använda och lägger till den i en e-postmall.
Dynamiska bilder gör att du kan anpassa varje mottagares meddelande baserat på datalager i deras Klaviyo-profil eller händelsedata. Du kan till exempel använda den här funktionen för att visa en artikel som de nyligen lagt till i sin varukorg i ett flöde som utlöses av mättalet Added to Cart. Eller så kan du, genom att lagra en unik bild-URL i en prenumerants profil, visa den anpassade bilden i kampanjer som du skickar till dem.
Lagra dina bilder i en profil eller ett event
Du kan visa dynamiska bilder från händelsedata (t.ex. händelserna Checkout Started för ett flöde för övergiven kundvagn) i e-postmeddelanden i flöden som utlöses av mättal. För kampanjer och flöden som utlöses av en lista, ett segment eller ett datum använder du bild-URL:er som lagras i mottagarens profil som profilegenskaper.
Lagra bild-URL:er i profilegenskaper
Om du vill visa en dynamisk bild i en kampanj eller ett flöde som utlöses av en lista, ett segment eller ett datum måste en bild-URL (t.ex. https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) lagras i varje mottagares profilegenskaper. Du kan lägga till en bild-URL i deras profilgenskaper på följande sätt:
Lagra bilder för mättalsutlösta flöden
För att visa en dynamisk bild i ett mättalsutlöst flöde (t.ex. ett flöde som utlöses av en Added to Cart-händelse) kan du antingen använda profildata som lagras i datalagret med metoderna som beskrivs ovan, eller använda händelsedata från mättalet som utlöser flödet.
Observera att händelsedata bara kan användas i ett flöde som utlöses av den händelsen.
Du kan lägga till händelsedata i Klaviyo på följande sätt:
Lägg till en dynamisk bild i ett e-postmeddelande
När du har lagrat din dynamiska bildinformation i Klaviyo ska du identifiera rätt etikett att använda för att inkludera den i ditt e-postmeddelande.
- Öppna e-postmallen där du vill lägga till den dynamiska bilden.
- Klicka på Förhandsgranska.
- Om du redigerar en sparad mall väljer du profil eller Event under Datakälla för förhandsgranskning. För Event väljer du det mättal som ska utlösa ditt flöde.
- Välj en exempelhändelse eller profil som innehåller bildens URL. Använd pilarna för att bläddra bland händelser eller sök efter en profil med e-postadress eller namn.
- Bläddra igenom exempeldata för händelser och profiler under Alla egenskaper tills du hittar bildvariabeln. Klicka sedan på variabelnamnet för att kopiera det.
- När du har kopierat din etikett klickar du på Klar för att återgå till redigeraren och drar sedan in ett bildblock i ditt meddelande.
- Klicka på Välj bild > Dynamisk bild.
- Klistra in etiketten i fältet Dynamisk variabel eller dynamisk webbadress och klicka sedan på Spara.
- Slutligen förhandsgranskar du ditt e-postmeddelande för att säkerställa att etiketten fungerar korrekt. Om du inte ser din bild ska du dubbelkolla att du har valt en händelse eller en profil som innehåller variabeln du använde.
Lägg till en reservbild
Om du inte är säker på att varje e-postmottagare har en bild tillgänglig i sina profildata eller händelsedata kan du överväga att använda en reservbild så att området inte ser tomt ut. Reservbilder visas när värdet för bild-URL saknas eller är tomt. De ersätter inte en URL som pekar på en bild som inte är tillgänglig. Det finns två sätt att lägga till en reservbild:
Använd filtret för saknade produkter
Lägg till det saknade produktfiltret i slutet av din dynamiska bildvariabel för att använda Klaviyos standardbild för reserv. För att lägga till det här filtret lägger du till |missing_product_image efter den dynamiska bildvariabeln. Ersätt event.image_url i exemplen nedan med bildvariabeln som du kopierade från dina förhandsgranskningsdata:
{{ event.image_url|missing_product_image }}
Om en mottagares bild-URL-värde saknas eller är tomt ser de i stället den saknade produktbilden:
Ange din egen reservbild
Om du vill välja en egen reservbild använder du filtret default med en bild-URL som du väljer själv. Detta visar din anpassade reservbild om bild-URL-värdet saknas eller är tomt. Om du vill lägga till det här filtret lägger du till |default:'' i slutet av din bildvariabel med din fullständiga anpassade bild-URL, inklusive https://, mellan enkla citattecken, så här:
{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}
Förhandsgranska e-postmeddelandet med en händelse eller en profil som har en bild-URL och med en där värdet saknas eller är tomt, så att du kan kontrollera både den dynamiska bilden och reservbilden.
Ytterligare resurser
- Så infogar du personanpassning i textblock
- Så bygger du dynamiska block i flödes-e-postmeddelanden
- Så skapar du ett mättalsutlöst flöde
- Så här bäddar du in tillgångar direkt i ett e-postmeddelande