Hoe je een dynamische afbeelding toevoegt aan een tekstbericht

Wat je leert

Meer informatie over hoe je een dynamische afbeelding toevoegt aan een mms-bericht in Klaviyo.

Door een dynamische afbeelding toe te voegen, kun je je tekstberichten personaliseren. Je kunt iemand bijvoorbeeld precies het product laten zien dat diegene heeft bekeken, waarmee diegene is begonnen met afrekenen of dat diegene heeft gekocht.

Voordat je van start gaat

Afhankelijk van je use case kun je niet altijd een dynamische afbeelding toevoegen.

• Alleen meetwaarde-geactiveerde flow kunnen dynamische afbeeldingen gebruiken op basis van eventdata (bijv. items uit een checkout of geplaatste bestelling) of op catalogus-tags voor een event.
• Campagnes en lijst- en segmentgetriggerde flows kunnen afbeeldings-URL's gebruiken die zijn opgeslagen als aangepaste profieleigenschappen. Ze kunnen ook catalogustags gebruiken om een afbeelding op te zoeken op basis van een item-ID die is opgeslagen in het profiel van de ontvanger.

Let ook het volgende op over dynamische afbeeldingen:

• Er is maar 1 dynamische afbeelding toegestaan per mms.
• Afbeeldingen moeten kleiner zijn dan 600 KB. Grotere afbeeldingen kunnen door providers worden gecomprimeerd, waardoor ze kunnen vervormen, of niet worden afgeleverd.
• Als je een dynamische afbeelding probeert te verzenden met een verzendnummer dat geen mms toestaat, wordt het bericht verzonden, maar wordt de afbeelding verwijderd.
• Als een dynamische afbeelding wordt omgezet naar een lege of ongeldige URL, wordt een bericht met tekst en zonder andere bijlage als sms verzonden, zonder de afbeelding. Deze fallback geldt niet voor previews, testverzendingen of berichten die vertalingen gebruiken; daarvoor is een geldige afbeeldings-URL vereist.
• Je kunt voorwaardelijke statements gebruiken met dynamische afbeeldingen.
• Mobiele providers ondersteunen geen WebP-bestanden en het toevoegen van dit type afbeelding kan ertoe leiden dat het bericht mislukt.

Een dynamische afbeelding toevoegen

De onderstaande stappen beginnen bij een flowbericht. Voor een conceptcampagne open je de editor voor het tekstbericht en sla je de eerste 2 stappen over.

1. Selecteer het flow-bericht waarin je je dynamische afbeelding wilt opnemen.
2. Klik naast Content op Bewerken.

3. Als je editor RCS-opties toont, selecteer je sms-terugval. Als je de afbeelding apart wilt bewerken, open je Content en schakel je Dezelfde content uit RCS-bericht gebruiken uit.
4. Klik op Voorbeeld in de rechterbovenhoek.

5. Kies een previewgebeurtenis of profiel dat de afbeeldings-URL bevat en vouw vervolgens Alle eigenschappen uit.
6. Klik op de eigenschap Afbeeldings-URL om de variabele te kopiëren. Voor een lijst met producten of afbeeldingen identificeert 0 het eerste item en kan het midden in de variabele staan.

7. Klik op Klaar.
8. Zet in het paneel Content Attachment aan en selecteer Image (of Media als dit wordt weergegeven).
9. Klik op Afbeelding selecteren (of Media selecteren). Als er al een afbeelding is bijgevoegd, klik je op Vervangen.

10. Ga naar het tabblad Dynamische afbeelding.
11. Plak de dynamische variabele of dynamische URL voor de afbeelding.
    

12. Klik op Opslaan.
13. Klik op Voorbeeld en controleer of de verwachte afbeelding verschijnt voor de geselecteerde gebeurtenis of het geselecteerde profiel in een regio die mms ondersteunt.
14. Klik op Klaar en vervolgens op Volgende om het bericht op te slaan en de editor te verlaten.

Catalogus tag gebruiken

Je kunt ook catalogustags gebruiken om dynamische afbeeldingen toe te voegen in de mms. Dit doe je zo:

1. Vouw in Voorbeeld Alle eigenschappen uit en zoek de item-ID van het eerste product in de gebeurtenisgegevens. Gebruik de identificatie die overeenkomt met het item in je Klaviyo-catalogus (een product-ID of SKU, afhankelijk van de integratie). Voor een afbeelding op basis van een profiel zoek je in plaats daarvan naar de aangepaste profieleigenschap die de item-ID bevat.
2. Kopieer deze variabele.
   

1. Klik op Gereed om terug te keren naar de sms-editor.
2. Zet in het paneel Content Attachment aan en selecteer Image (of Media als dit wordt weergegeven).
3. Klik op Afbeelding selecteren (of Media selecteren). Als er al een afbeelding is bijgevoegd, klik je op Vervangen.

1. Ga naar het tabblad Dynamische afbeelding.
2. Plak de volgende catalogustag:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Vervang event.id in {% catalog event.id %} door de variabele uit de tag die je eerder hebt gekopieerd. Verwijder de buitenste accolades en de standaardfilter, maar behoud eventuele lookup-filters die nodig zijn om toegang te krijgen tot de eigenschap (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 %}
4. Klik op Opslaan.
5. Klik op Voorbeeld en controleer de afbeelding met een event of profiel met de overeenkomende catalogusitem-ID in een regio die mms ondersteunt. Klik op Klaar en daarna op Volgende om het bericht op te slaan en de editor te verlaten.

Voorbeeld van het gebruik van voorwaardelijke instructies

Dynamische afbeeldingen kunnen gebruikmaken van voorwaardelijke statements.

Hieronder vind je een voorbeeld van een if/else-instructie om aan te geven dat als er een variatie-afbeelding is, je die aan ontvangers toont; 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 %}

Houd er rekening mee dat het exacte formaat van deze instructies afhangt van je integratie, en dat je ze niet uit e-mailtemplates moet kopiëren.

Extra hulpbronnen