CMS Development

Latitude37
Contributor

Adding personalised token to email image using source code

SOLVE

Hi all, 

I feel like im close to finding the solution but i need your help.

 

Im wanting an image to link to a personalised token. That personalised token will be a url which ive setup simply as a single line text property. I know there is no way of doing this within the module settings that are available, but i should be able to do this within the images source code.

 

Disclaimer; Ive successfully tested and created the html code with the html-edit which worked with the following code: 

<a href="{{ contact.promo_unique_url}}">ActivatePromo</a><p>

But basically what i want to do is impelment this onto an image which will act as a button for the recipient to click on, which will then go to their unique url based on the property ive setup.

 

Im sure there is an easy way for me to access source code for the image in a email but i cant seem to find it. Where am i able to edit an images source code to include the code above, enabling my button to link to the unique url i setout in my custom property?

0 Upvotes
1 Accepted solution
Bryantworks
Solution
Key Advisor

Adding personalised token to email image using source code

SOLVE

Hey @Latitude37,

 

If you're using the drag and drop builder, you can paste your "{{ contact.promo_unique_url}}" into the "Link (Optional)" field here on the image sidebar:

 

Edit Email _ Welcome Template - Google Chrome 2021-01-13 at 9.43.54 AM.png

If you're using the CMS, you should still be able to access the link function in a similar manner.  Hope this helps!

Chris Bryant | Your Dedicated HubSpot Expert

View solution in original post

3 Replies 3
Bryantworks
Key Advisor

Adding personalised token to email image using source code

SOLVE

Very welcome @Latitude37!  Would you mind accepting this as a solution so others can find it in the future?

Chris Bryant | Your Dedicated HubSpot Expert
Bryantworks
Solution
Key Advisor

Adding personalised token to email image using source code

SOLVE

Hey @Latitude37,

 

If you're using the drag and drop builder, you can paste your "{{ contact.promo_unique_url}}" into the "Link (Optional)" field here on the image sidebar:

 

Edit Email _ Welcome Template - Google Chrome 2021-01-13 at 9.43.54 AM.png

If you're using the CMS, you should still be able to access the link function in a similar manner.  Hope this helps!

Chris Bryant | Your Dedicated HubSpot Expert
Latitude37
Contributor

Adding personalised token to email image using source code

SOLVE

Thankyou very much, this worked! now that i know you can use properties in this manner, it opens up a whole new world, amazing, thankyou!

0 Upvotes