How do I use an image for the Default content in a token?

[Guitarrista82]

Hello Community,

We want to use an image as the default content for an image token we've created. Is this possible to do?

I tried simply pasting the image link as shown below, but the image doesn't appear when previewing the email in default mode:

Thank you,

LK

[Darshil_Shah1]

I'd rather use velocity for this. If the lead field is empty (assuming it'd have the image URL), then use the catch-all default image URL.

[Guitarrista82]

Thank you @Darshil_Shah1 ,

How would I configure this? 

[Darshil_Shah1]

A simple if else conditional construct should suffice. Assuming the correct name of the lead token in the email script editor is $lead.DestinationImageLink and if populated, it'd always contain a link to the image:

#if(!$lead.DestinationImageLink.isEmpty())
#set($imageURL = $lead.DestinationImageLink)
#else
#set($imageURL = "https://default/img/url.png")
#end
<img src="$imageURL">

[Guitarrista82]

Thank you @Darshil_Shah1!

I created the script but it's not working when I preview the email with the Default setting or with a test account that has no data in the Destination Image Link field.

Below is the Lead token:

Where image should appear in email:

Email script with token enabled and image URL added:

Anything I might be missing?

Thank you,

LK

[Darshil_Shah1]

Could you please add the velocity script token instead of using the {{lead.Destination Image Link}} token in the email?

[Guitarrista82]

Yes, I tried that as well and this is what I see:

[Guitarrista82]

@Darshil_Shah1  Okay, I reworked the code as shown below, and it appears to be working BUT the image size is huge.

#if(!$lead.DestinationImageLink.isEmpty())
#set($imageURL = "https://promos.ovstravel.com/rs/512-JJP-615/images/Destinations by Spinnaker Logo 350px.png")
#else
#set($imageURL = $lead.DestinationImageLink)
#end
<img src="$imageURL">

How do I update the script to make the image smaller?

Thank you,

LK

[Darshil_Shah1]

Yes, you'd need to add appropriate CSS styles in the image tag so the image's height/width/appearance matches your requirement. Additionally, you may have a bug in your code above- you're setting the default image URL when the Destination Image Link is not empty (in the if's body) and setting the Destination Image Link field's value when it's empty (in the else's body), however, you wanna do the reverse of it I believe.

[Darshil_Shah1]

The below script works for me. I see the default content in the email preview well. Note- you'd need to add apt styles to the image tag so it meets your requirements around its appearance, but that's after you see the image in the email preview in the first place.

#if(!$lead.DestinationImageLink.isEmpty())
#set($imageURL = $lead.DestinationImageLink)
#else
#set($imageURL = "https://cdn3.redweek.com/photos/full/3/6/4/364719.jpg?1")
#end
<img src="$imageURL">