Een dynamische afbeelding toevoegen aan een tekstbericht
Wat je leert
Leer hoe je een dynamische afbeelding toevoegt aan een mms-bericht in Klaviyo.
Met een dynamische afbeelding kun je je tekstberichten een persoonlijk tintje geven. Je kunt iemand bijvoorbeeld precies het product laten zien dat hij heeft bekeken, waarmee hij is gaan afrekenen of dat hij heeft gekocht.
Voordat je van start gaatVoordat je van start gaat
Afhankelijk van je toepassing is het niet altijd mogelijk om een dynamische afbeelding toe te voegen.
- Alleen meetwaarde-triggered flow kan dynamische afbeeldingen gebruiken op basis van gebeurtenisgegevens (bijv. items uit een afrekening of geplaatste bestelling) of op basis van catalogustag voor een gebeurtenis.
- campagnes en lijst en segment-getriggerde stromen kunnen alleen dynamische afbeeldingen hebben 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 dynamische afbeeldingen:
- Per mms is slechts 1 dynamische afbeelding toegestaan.
- Afbeeldingen moeten kleiner zijn dan 600 KB, anders comprimeert Carrier ze, waardoor de afbeelding er vervormd uit kan zien.
- Als je een dynamische afbeelding probeert te verzenden met een verzendnummer dat geen mms toestaat, wordt het bericht wel verzonden, maar wordt de afbeelding verwijderd.
- Je kunt voorwaardelijke verklaringen gebruiken met dynamische afbeeldingen.
- Mobiele providers hebben geen support WebP-bestanden en het bijvoegen van dit type afbeelding kan ervoor zorgen dat het bericht mislukt.
Een dynamische afbeelding toevoegen
- Selecteer het flow bericht waarin je je dynamische afbeelding wilt opnemen.
- Klik in de rechter zijbalk op Bewerken.
- Klik op de tekst Voorbeeld & 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 op Klaar.
- Klik aan de linkerkant op het pictogram Afbeelding toevoegen (een afbeeldingspictogram) in het vak Bericht.
- 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.
Gebruik catalogustag
Je kunt ook de catalogustag gebruiken om dynamische afbeeldingen toe te voegen aan het mms. Om dit te doen:
- Zoek in de sms voorbeeldmodal de product-ID of SKU voor het eerst genoemde product.
- Kopieer deze variabele.
- Klik op Klaar om terug te gaan naar de sms-editor.
- Klik aan de linkerkant op het pictogram Afbeelding toevoegen (een afbeeldingspictogram) in het berichtvak.
- Ga naar het tabblad Dynamische afbeelding.
- Plak de volgende catalogus in tag:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Vervang event.id in {% catalog event.id %} door de variabele uit de tag die je eerder hebt gekopieerd. Verwijder de haakjes en eventuele filters uit de variabele (dus {{ event.extra.line_items.0.product_id|default:'' }} wordt event.extra.line_items.0.product_id).
Voorbeeld: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Klik op Opslaan.
Voorbeeld van het gebruik van voorwaardelijke uitspraken
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 de exacte opmaak van deze verklaringen afhangt van je integratie en dat je ze niet moet kopiëren van e-mailtemplate.
Extra hulpbronnen
- Meer best practices voor mms-afbeeldingen en GIF'svinden
- Meer informatie over gebeurtenisvariabelen in Klaviyo: