Een dynamische afbeelding invoegen in een e-mail

Wat je leert

Leer meer over de optie Dynamische afbeelding in een e-mail afbeeldingsblok, inclusief hoe je de juiste sjabloontag kunt vinden om te gebruiken en deze toe te voegen aan een e-mailtemplate. 

Met dynamische afbeeldingen kun je het bericht van elke ontvanger aanpassen op basis van de gegevens in hun Klaviyo profiel of gebeurtenisgegevens. Je kunt deze functie bijvoorbeeld gebruiken om een artikel weer te geven dat ze onlangs aan hun winkelwagen hebben toegevoegd in een flow die wordt getriggerd door de Aan winkelwagen toegevoegd meetwaarde. Of, door een unieke URL voor de afbeelding in het profiel van een abonnee te plaatsen, kun je die aangepaste afbeelding laten zien in campagnes die je hen stuurt.

Je foto's in een profiel of evenement

Je kunt dynamische afbeeldingen van gebeurtenisgegevens (bijv. gestarte afrekengebeurtenissen voor een winkelwagen verlaten flow) weergeven in meetwaarde-triggered flow e-mail. Afbeeldingen zaak in event gegevens kunnen niet worden weergegeven in campagnes of niet-meetwaarde getriggerde flow, die alleen afbeeldingen zaak op het profiel van de ontvangers kunnen gebruiken als profieleigenschappen.

zaak afbeeldingen voor campagnes en niet-meetwaarde getriggerde stroom

Om een dynamische afbeelding weer te geven in een campagne of niet-meetwaarde getriggerde flow (d.w.z. een flow getriggerd door een lijst, segment, of datum), moet een URL voor de afbeelding (bijv. https://www. klaviyo.com/static/klaviyo-social-share-image.jpg) in de profieleigenschappen van elke ontvanger staan. Je kunt op de volgende manieren een URL van een afbeelding toevoegen aan hun profieleigenschappen: 

• Upload een CSV met profielgegevens
• Gebruik integraties van derden 
• Gebruik de API's van Klaviyo

zaak afbeeldingen voor meetwaarde-getriggerde stroom

Om een dynamische afbeelding weer te geven in een door een meetwaarde getriggerde flow (bijvoorbeeld een flow die wordt getriggerd door een Add to Cart-event), kun je ofwel een profielgegevenszaak gebruiken volgens de hierboven beschreven methoden, of eventgegevens gebruiken van de meetwaarde die de flow triggert. 

Merk op dat gebeurtenisgegevens alleen kunnen worden gebruikt in een flow die door die gebeurtenis wordt geactiveerd. 

Je kunt op de volgende manieren gebeurtenisgegevens toevoegen aan Klaviyo: 

• Via een standaard Klaviyo integraties
• Door integratie met derden 
• De API's van Klaviyo gebruiken

Een dynamische afbeelding toevoegen aan een e-mail

Als je eenmaal je dynamische afbeeldingsinformatie in Klaviyo hebt gezet, zoek dan de juiste tag om het in je e-mail op te nemen. 

1. Open de e-mailtemplate waarin je de dynamische afbeelding wilt toevoegen.
2. Klik op Voorbeeld & test.
3. Blader door de voorbeeldgebeurtenis en profielgegevens onder Alle eigenschappen tot je de afbeeldingsvariabele vindt. Klik vervolgens op de naam van de variabele om deze te kopiëren.
4. Zodra je tag hebt gekopieerd, sleep je een afbeeldingsblok naar je bericht.
5. Klik op Afbeelding selecteren > Dynamische afbeelding.
6. Plak de tag in het veld Dynamische variabele of dynamische URL.
7. Bekijk tot slot een voorbeeld van je e-mail om te controleren of de tag correct werkt. Als je je afbeelding niet ziet, controleer dan of je een gebeurtenis of profiel hebt geselecteerd dat de variabele bevat die je hebt gebruikt. 

Een back-upimage toevoegen

Als je er niet zeker van bent dat elke e-mailontvanger een afbeelding beschikbaar heeft in zijn profiel of evenementgegevens, overweeg dan om een back-upafbeelding te gebruiken zodat het gebied er niet leeg uitziet. Er zijn 2 manieren om een back-upimage toe te voegen: 

Gebruik de filter voor ontbrekende producten 

Voeg de ontbrekende productfilter toe aan het einde van je dynamische afbeeldingsvariabele om de standaard back-upafbeelding van Klaviyo te gebruiken. Om dit filter toe te voegen, voeg je |missing_product_image toe na de dynamische afbeeldingsvariabele, als volgt: 

{{ event.image_url|missing_product_image }}

Als iemand die de e-mail ontvangt een afbeelding mist, krijgt hij in plaats daarvan de ontbrekende productafbeelding te zien:

Stel je eigen back-upimage in

Om je eigen back-upafbeelding te kiezen, pas je het standaardfilter toe met een URL voor de afbeelding van jouw keuze. Dit toont je aangepaste back-upafbeelding als een ontvangers geen afbeelding heeft ingesteld. Om dit filter toe te voegen, voeg je |default:'' toe aan het einde van je afbeeldingsvariabele met de URL van je aangepaste afbeelding tussen enkele aanhalingstekens, zoals dit: 

{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}

Extra hulpbronnen

• Hoe personalisatie toevoegen aan tekstblok
• Dynamische blokken maken in een flowmail
• Hoe maak je een meetwaarde-triggered flow
• Hoe je activa direct in een e-mail insluit