Een dynamische afbeelding toevoegen aan een pushmelding
Wat je leert
Leer hoe je een dynamische afbeelding toevoegt aan een pushmelding.
Dynamische afbeeldingen zijn een geweldige manier om je pushmelding te personaliseren. Je kunt iemand bijvoorbeeld precies het product laten zien dat hij heeft geprefereerd, waarmee hij is gaan afrekenen of dat hij heeft gekocht.
Voordat je van start gaatVoordat je van start gaat
Je kunt dynamische afbeeldingen gebruiken in:
- meetwaarde-getriggerde stroom, waarbij gebruik wordt gemaakt van gebeurtenisgegevens (bijv. items uit een afrekening of geplaatste bestelling) of catalogustag voor een gebeurtenis.
- campagnes en lijst en segment-getriggerde flow, maar alleen als de URL van de afbeelding bestaat als een aangepaste eigenschap op het profiel van de ontvangers.
Let ook op het volgende met betrekking tot push dynamische afbeeldingen:
- Per pushmelding is slechts 1 dynamische afbeelding toegestaan.
- Afbeeldingen moeten kleiner zijn dan 1 MB.
- Je kunt voorwaardelijke verklaringen gebruiken met dynamische afbeeldingen.
Wil je een functie aanvragen voor Klaviyo pushmelding? Vul dit Google formulier in om ons erover te vertellen!
Een dynamische afbeelding toevoegen aan een pushmelding
- Selecteer het bericht waarin je je dynamische afbeelding wilt opnemen.
- Klik in de linker zijbalk op Inhoud configureren of Bewerken.
- Voeg de pushmelding toe of selecteer deze in de flow.
- Klik op het pictogram Details weergeven in de rechterbovenhoek.
- Zoek de gegevensbron voor de afbeelding die je wilt opnemen.
- Klik op de gegevensbron voor de eerste variabele van een afbeelding, die meestal eindigt op 0.
- Klik aan de linkerkant op het pictogram mediainvoegen in het vak Body.
- Ga naar het tabblad Dynamische afbeelding.
- Plak de dynamische variabele of dynamische URL voor de afbeelding.
- Klik op Opslaan.
- Controleer of de dynamische afbeelding correct is toegevoegd door te controleren of er een verschijnt in het voorbeeldscherm.
Voorbeeld van het gebruik van catalogustag
Je kunt de catalogustag ook gebruiken om dynamische afbeeldingen toe te voegen in een rijke pushmelding. Om dit te doen:
- Ga naar analyses > meetwaarde.
- Selecteer de meetwaarde die je wilt gebruiken (bijvoorbeeld Besteld product).
- Klik op Details voor een specifiek evenement.
- Zoek de SKU of product-ID tag.
- Kopieer het label voor de tag (behalve haakjes of dubbele punten) zodat je de exacte spelling en het hoofdlettergebruik hebt.
In het onderstaande voorbeeld kopiëren we "ProductID."
- Plak dit ergens waar je het niet kwijtraakt.
- Navigeer naar een flow die wordt geactiveerd door dezelfde meetwaarde die je zojuist hebt geselecteerd.
- Selecteer de pushmelding waarin je je dynamische afbeelding wilt opnemen.
- Klik in de linker zijbalk op Inhoud configureren of Bewerken.
- Klik aan de linkerkant op het pictogram mediainvoegen in het vak Body.
- Ga naar het tabblad Dynamische afbeelding.
- Plak de volgende catalogus in tag:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Vervang id in {% catalog event.id %} door het label dat je eerder hebt gekopieerd.
Voorbeeld: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Klik op Opslaan.
Voorbeeld van het gebruik van voorwaardelijke uitspraken voor dynamische afbeeldingen
Dynamische afbeeldingen kunnen voorwaardelijke verklaringen gebruiken.
Hieronder staat een voorbeeld van een if/else-statement om te zeggen dat als er een variatieafbeelding is, je die aan ontvangers laat zien; anders gebruik je de standaardafbeelding:
{% if event.extra.line_items.0.product.variant.images.0.src %} {{ event.extra.line_items.0.product.variant.images.0.src }} {% else %} {{ event.extra.line_items.0.product.images.0.src }} {% endif %}
Merk op dat het exacte formaat van deze verklaringen afhangt van je integraties en dat je ze niet moet kopiëren van e-mailtemplate.