Adding picture to email based on Personalization Token

We are looking for a way to incorporate a users headshot in an email that’s based on specific personalization token.

Has anyone done this or know of a way to accomplish it?

Hi @BShirley,

There isn’t any default feature to populate an email with a record owner image. However this is possible with a workaround, as discussed and solved in this thread: Personalized custom images in an email

The general process:

1. Create a single-line text contact property.

2. Edit the HTML code of the part of the email where you want to embed this image.

3. Use the contact property syntax to paste the personalization token for the property from step 1, the HTML code line for the image would look like this:

<img scr ="{{ contact.nameofyourproperty }}">​

4. Upload the images for the signature in the HubSpot file manager.

5. Copy the link of these uploaded files and add the correct image link into the property from step 1 for each contact. This could be done via bulk edit or workflow (if contact owner is A, then set property value to file manager link).

6. Test and preview the email.

Let me know if that thread raises any questions. Happy to help!

Thanks! This worked.

Hello
I would like to know if I can create an email marketing where I will insert an image of a property of a company, they show propose to change the source code and I changed but the problem every time I change it does not save.

this is the screenshot.

when I save and I return to the source code I find that it is not saved

Hi,

in regards to the image for the contact owner. If you had over 100 contacts and each had a seperate personalised photo you needed to add to their profile, how could this be done without individually doing this?

Will this work if the image is not hosted within Hubspot’s file manager? If the link in the single line text property links to an image URL for an image that is stored elsewhere online?

This works! One thing to note is that there’s a small typo - it should be img src instead of img scr

<img src="{{ contact.nameofyourproperty }}">​

Thanks for the workaround.

1 thing to add though is that we cannot edit the source code directly with our custom code.

We will have to add a ‘html-email’ module and insert the code in the module in order for this to work.

A new answer to this is to use the Preset email tokens:

This can then be used to set the src of the image in the email signature:
e.g. <img src=“{{ userToken.profile_picture }}” alt=“Dominic Whittington” width=“88” style=“display: block; border-radius: 4px;”>
The token simply needs to include the hosted URL of the image.