Hoe je een dynamische afbeelding in een e-mail invoegt

Wat je leert

Meer informatie over de optie Dynamische afbeelding in een e-mailafbeeldingsblok, 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 gebeurtenisgegevens (bijv. Checkout Started-gebeurtenissen voor een flow voor winkelwagen verlaten) weergeven in op meetwaarde getriggerde flow-e-mails. Gebruik voor campagnes en flow die worden getriggerd door een lijst, segment of datum afbeeldings-URL's die op het profiel van de ontvanger zijn opgeslagen als profieleigenschappen.

Afbeeldings-URL's opslaan in profieleigenschappen

Als je een dynamische afbeelding wilt weergeven in een campagne of een flow die wordt geactiveerd door een lijst, segment of datum, moet er een afbeeldings-URL (bijv. https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) worden opgeslagen in de profieleigenschappen van elke ontvanger. Je kunt op de volgende manieren een afbeeldings-URL 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 op een meetwaarde geactiveerde flow (bijv. een flow die wordt geactiveerd door een Aan winkelwagen toegevoegd-event), kun je profielgegevens gebruiken die zijn opgeslagen met de hierboven beschreven methoden, of eventdata gebruiken van de meetwaarde die de flow activeert.

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.
3. Als je een opgeslagen template bewerkt, selecteer je Profiel of Gebeurtenis onder Voorbeeldgegevensbron. Voor Gebeurtenis kies je de meetwaarde die je flow activeert.
4. Selecteer een voorbeeldevent of profiel dat de afbeeldings-URL bevat. Gebruik de pijlen om door events te bladeren, of zoek naar een profiel op e-mailadres of naam.
5. Scroll door de voorbeeldgebeurtenis- en profielgegevens onder Alle eigenschappen totdat je de afbeeldingsvariabele vindt. Klik vervolgens op de variabelenaam om deze te kopiëren.
6. Zodra je je tag hebt gekopieerd, klik je op Klaar om terug te keren naar de editor, en sleep je daarna een afbeeldingsblok in je bericht.
7. Klik op Afbeelding selecteren > Dynamische afbeelding.
8. Plak de tag in het veld Dynamische variabele of dynamische URL en klik vervolgens op Opslaan.
9. 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 om een back-upafbeelding te gebruiken zodat het gebied niet leeg lijkt. Back-upafbeeldingen worden weergegeven wanneer de afbeeldings-URL ontbreekt of leeg is. Ze vervangen geen URL die naar een niet-beschikbare afbeelding verwijst. 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. Vervang event.image_url in de onderstaande voorbeelden door de afbeeldingsvariabele die je uit je voorbeeldgegevens hebt gekopieerd:

{{ event.image_url|missing_product_image }}

Als de waarde van de afbeeldings-URL van een ontvanger ontbreekt of leeg is, ziet diegene in plaats daarvan de ontbrekende productafbeelding:

Je eigen back-upafbeelding instellen

Als je je eigen back-upafbeelding wilt kiezen, pas je het filter default toe met een afbeeldings-URL naar keuze. Hiermee wordt je aangepaste back-upafbeelding weergegeven als de waarde van de afbeeldings-URL ontbreekt of leeg is. Als je dit filter wilt toevoegen, voeg je |default:'' toe aan het einde van je afbeeldingsvariabele met je volledige aangepaste afbeeldings-URL, inclusief https://, tussen de enkele aanhalingstekens, zoals dit:

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

Bekijk een voorbeeld van de e-mail met een event of profiel met een afbeelding-URL en met een waarbij de waarde ontbreekt of leeg is, zodat je zowel de dynamische afbeelding als de back-up kunt controleren.

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