Skip to main content

Add a clickable image to emails

Learn how to add personalized and clickable images to your lemlist emails, step-by-step, to grab your prospects' attention! ๐Ÿš€

Updated over 2 weeks ago

Learning Objective

By the end of this guide, you'll know how to insert images into campaign emails and make them clickable with links to drive traffic to your website, booking page, or other resources.

Why This Matters

Clickable images combine visual appeal with direct action. They grab attention better than text links alone and provide a clear, engaging call-to-action. Images are more likely to be clicked than text links, making your landing page, product demo, or booking calendar more accessible. Clickable images work especially well for showcasing products, case studies, or visual content that benefits from a preview.

Prerequisites

Before you start:

  • Campaign created with at least one email step

  • Image ready to upload (or custom image template created)

  • URL where you want to direct clicks (website, lemcal link, landing page, etc.)

Step 1: Insert Image into Email

Navigate to the email step

  1. From the left sidebar, go to Campaigns, then open the campaign you want to edit

Screenshot
  1. Go to Sequence, open the Email step where you want the clickable image, then click More Rich (three dots) to access the rich editor options (if needed)

Screenshot
  1. Position your cursor where the image should appear


Add the image

  1. In the email editor toolbar (at the bottom of the editor), click the Insert image icon, then use the Drop image (or click) area to upload/select your image

Screenshot

Image placement: Most common placements are after the opening paragraph (context first, then visual) or at the email's bottom as a final call-to-action.

Tip: After adding the image block, youโ€™ll see an image area where you can drag & drop (or click) to upload/replace the image.

Screenshot

Step 2: Make the image clickable

Select the image

  1. Click on the image in the email editor

  2. The image is selected when you see a blue frame with small squares around it

Selection indicator: The blue frame and corner squares confirm the image is selected and ready for link insertion.


Add link to image

  1. With the image selected, click the link icon in the toolbar, keep By URL selected, paste your URL into the field, then click Insert

Verification: In preview mode, hover over the image. Your cursor should change to a pointer (hand icon), indicating the image is clickable.

Screenshot

Step 3: Test the Clickable Image

Before launching:

  1. Click Preview to view the email as leads will see it

  2. You can click on the link to see which one opens or send yourself a test email to see how it looks like when it's sent.

  3. To send test email click on Send email test

  4. Add your email and click on Send

Always test links: Broken links waste engagement opportunities. Verify the URL works before launching your campaign.


Removing Links from Images (Optional)

If you need to remove the link from a clickable image:

Step 1: Select the linked image

Click on the image to select it (blue frame appears)


Step 2: Remove the link

  1. With the image selected, click the Unlink (remove link) option in the toolbar

  2. The link is removed, the image remains, but is no longer clickable

When to unlink: If you decide the image should be purely visual without a call-to-action, or if you want to add a different link.


Best Practices for Clickable Images

Use clear visual cues - Images that look clickable (buttons, product screenshots, website previews) get more clicks than abstract visuals.

Match image to destination - If linking to your website, use a website screenshot. If linking to product demo, show the product.

One primary link per email - Too many clickable elements dilute focus. Choose one main call-to-action image.

Size appropriately - Large enough to be easily clickable (especially on mobile), but not so large it dominates the entire email. Aim for 400-600px width.

Place strategically - After you've provided context (not immediately at top), or at bottom as final CTA after the email body.

Test link URL - Verify the URL includes https:// and works correctly. Broken links damage credibility.

Consider alt text - Some email clients block images. Add descriptive alt text so users see an image description if images don't load.

Don't rely solely on image - Include a text CTA as well ("Click the image above to schedule" or a link) in case images are blocked.

Use descriptive URLs when possible - yoursite.com/demo is clearer than yoursite.com/p?id=12345 (though both work).


Common Use Cases

Product screenshots - Link to product page or demo booking

Website previews - Link to your homepage or specific landing page

Case study thumbnails - Link to full case study or results page

Calendar/booking buttons - Link to lemcal or calendly scheduling page

Content previews - Link to blog posts, whitepapers, or video content

Event graphics - Link to event registration or details page

Social proof badges - Link to review pages or testimonials


Troubleshooting

Issue: Image not clickable in sent emails

Root cause: Link not properly added to the image, or image selection was lost before saving the link

Fix: Re-select the image, verify the blue frame appears, click the link icon, add the URL, and insert/save. Preview to confirm the image is clickable before launching.


Issue: Link opens the wrong URL

Root cause: Typo in URL or wrong URL pasted

Fix: Select image โ†’ Click link icon to edit existing link โ†’ Correct URL โ†’ Insert/Save. Always test in preview after editing.


Issue: Image displays, butthe link doesn't work on mobile

Root cause: Image too small to be easily clickable on touch screens, or the email client is stripping links

Fix: Ensure the image is at least 300px wide for mobile tappability. Test by sending to your own mobile device.


Issue: Can't see the link option

Root cause: Image not properly selected

Fix: Click directly on the image until the blue frame with corner squares appears. Then add the link from the toolbar.


Issue: Want to change the link URL on the image

Root cause: Need to update an existing link

Fix: Select image โ†’ Click link icon (may show an edit link state when a link exists) โ†’ Enter new URL โ†’ Insert/Save. Or Unlink and re-add the new link.


Issue: Image shows a placeholder or a broken icon

Root cause: Image file too large, upload failed, or file format not supported

Fix: Reduce the image file size (under 5MB), use standard formats (JPG, PNG), and re-upload. Verify the image displays correctly in the editor before adding the link.


Optimization Tips

A/B test image vs text CTAs - Compare clickthrough rates between clickable images and text links to see what your audience prefers.

Use recognizable visuals - Screenshots of well-known interfaces, familiar icons, or clear product images get more clicks than abstract graphics.

Add hover effect context - In supporting text, mention "Click the image above to..." so users know the image is clickable.

Track which images drive clicks - Use UTM parameters in URLs (yoursite.com/demo?utm_source=email&utm_campaign=cold-outreach) to track which campaigns and images drive traffic.

Pair image with text CTA - Include both a clickable image and a text link ("Book a demo here" with link) to accommodate different user preferences.

Keep file sizes reasonable - Large images slow email loading and may get blocked. Aim for under 500KB per image.

Preview across devices - Test how the clickable image appears and functions on desktop and mobile before launching.

Did this answer your question?