Copy/Paste These Simple HTML Code Blocks Into Our Email, Templates, or Email Signature Editors To Easily Set Hyperlinks on Any Image

Our Editor interface allows you to set links on text with the click of a button, but you can also set links on images in your emails, templates, or email signature by using our raw HTML edit mode and two simple bits of code we provide below in this article. 

1. Navigate to Settings > You > Mailboxes and click any mailbox you've linked to edit its corresponding Email Signature.

Or navigate to Templates and click to edit any individual email template or +Add Template to create a new one.

You can also add links on images on any Sequence email by navigating to Sequences, clicking to view any individual sequence, and then clicking to edit any email variant (a, b, c, etc.) in any email step you have set up. 

2. Click the raw HTML edit option at the bottom of our editor:​OR

3. You can then locate the image you want to link by the "img src" tag. Generally speaking, if you have multiple images in your email/template/signature, they'll be listed IN ORDER in your raw HTML code:
​

4. Copy/paste to insert the following between the <div> and <img src directly preceding the code for the image you want to link, replacing www.google.com with the URL you want your image to link to:

<a href="http://www.google.com/" target="_blank">

For example (what you're inserting is bolded):

<div><a href="http://www.google.com/" target="_blank"><img src="https://zenprospect-production.s3.amazonaws.com/uploads/attachment/uploaded_content/5b6c7375060ab55eff781e66/favicon.ico" style="max-width: 100%">

Result:

5. Copy/paste to insert the following between the end of your image code and the <div> directly after it:

</a>

For example (what you're inserting is bolded):

<img src="https://zenprospect-production.s3.amazonaws.com/uploads/attachment/uploaded_content/5b6c7375060ab55eff781e66/favicon.ico" style="max-width: 100%"></a></div>

Result:

6. Be sure to click Save