Hoe je een dynamische afbeelding in een e-mail invoegt

Wat je leert

Lees meer over de optie Dynamische afbeelding in een afbeeldingsblok voor e-mails, waaronder hoe je de juiste personalisatietag vindt om te gebruiken en deze toevoegt aan een e-mailtemplate.

Met dynamische afbeeldingen kun je het bericht van elke ontvanger personaliseren op basis van datastore in hun Klaviyo-profiel of gebeurtenisgegevens. Je kunt deze functie bijvoorbeeld gebruiken om een item te tonen dat ze onlangs aan hun winkelwagen hebben toegevoegd, in een flow die wordt geactiveerd door de meetwaarde Added to Cart. Of door een unieke afbeeldings-URL op te slaan in het profiel van een abonnee, kun je die aangepaste afbeelding tonen in campagnes die je naar hen verzendt.

Sla je afbeeldingen op in een profiel of event

Je kunt dynamische afbeeldingen uit eventgegevens (bijv. events voor het starten van de checkout voor een flow voor winkelwagen verlaten) weergeven in flow-e-mails die worden geactiveerd door meetwaarden. Afbeeldingen die zijn opgeslagen in gebeurtenisgegevens kunnen niet worden weergegeven in campagnes of niet-meetwaarde-getriggerde flow, die alleen afbeeldingen kunnen gebruiken die op het profiel van de ontvanger zijn opgeslagen als profieleigenschappen.

Afbeeldingen opslaan voor campagnes en niet-meetwaardegetriggerde flows

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

• Upload een CSV met profielgegevens
• Gebruik een integratie van een derde partij
• Gebruik de API's van Klaviyo

Afbeeldingen opslaan voor door meetwaarden getriggerde flows

Om een dynamische afbeelding weer te geven in een door een meetwaarde getriggerde flow (bijv. een flow die wordt getriggerd door een Add to Cart-event), kun je profieldata gebruiken die is opgeslagen met de hierboven beschreven methoden, of eventdata uit de meetwaarde die de flow triggert.

Let op: eventdata kan alleen worden gebruikt in een flow die door dat event wordt geactiveerd.

Je kunt eventgegevens op de volgende manieren aan Klaviyo toevoegen:

• Via een standaard Klaviyo-integratie
• Via een integratie van derden
• De API van Klaviyo gebruiken

Een dynamische afbeelding toevoegen aan een e-mail

Zodra je je dynamische afbeeldingsinformatie in Klaviyo hebt opgeslagen, bepaal je de juiste tag die je kunt gebruiken om deze in je e-mail op te nemen.

1. Open de e-mailtemplate waar je de dynamische afbeelding aan wilt toevoegen.
2. Klik op Voorbeeld weergeven en testen.
3. Scroll door de voorbeeldgebeurtenis- en profielgegevens onder Alle eigenschappen totdat je de afbeeldingsvariabele vindt. Klik vervolgens op de variabelenaam om deze te kopiëren.
4. Nadat je je tag hebt gekopieerd, sleep je een afbeeldingsblok naar je bericht.
5. Klik op Selecteer afbeelding > 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 goed werkt. Als je je afbeelding niet ziet, controleer dan of je een event of profiel hebt geselecteerd dat de variabele bevat die je hebt gebruikt.

Een back-upafbeelding toevoegen

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

Gebruik het filter voor ontbrekend product

Voeg het 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, zoals dit:

{{ event.image_url|missing_product_image }}

Als iemand die de e-mail ontvangt een afbeelding mist, ziet diegene in plaats daarvan de ontbrekende productafbeelding:

Je eigen back-upafbeelding instellen

Als je je eigen back-upafbeelding wilt kiezen, pas je het standaardfilter toe met een afbeeldings-URL naar keuze. Hierdoor wordt je aangepaste back-upafbeelding weergegeven als een ontvanger geen afbeelding heeft ingesteld. Om dit filter toe te voegen, voeg je |default:'' toe aan het einde van je afbeeldingsvariabele, met je aangepaste afbeeldings-URL tussen de enkele aanhalingstekens, zoals dit:

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

Extra hulpbronnen

• Tekstblokken personaliseren
• Dynamische blokken maken in een flowmail
• Hoe je een door een meetwaarde getriggerde flow maakt
• Hoe je assets rechtstreeks in een e-mail insluit