Skip to main content

How to add a clickable image to an email

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

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

  • 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

    Open the campaign from the Campaigns page
  2. In the campaign editor, open the Email step where you want to add the image.

  3. Position your cursor where the image should appear in the message.


Add the image

  1. Click + Add, select Insert Image, then upload your image in the Upload tab

    Add an image to the email step

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 uploading, the image will appear directly inside the email editor where your cursor was placed.


Step 2: Make the image clickable

Select the image

  1. Click on the image in the email editor, then click the link icon in the image toolbar

    Select the image and open the link option

Selection indicator: The blue frame around the image confirms it is selected and ready for link insertion.


Add link to image

  1. In the link pop-up, enter the text and paste your destination URL, then click Insert link

    Enter the image link URL

Verification: In preview mode, click the image to confirm it opens the correct page.


Step 3: Test the Clickable Image

Before launching:

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

    Open email preview
  2. If you want to test the email in your inbox, click Send email test, enter your email address, and send the test email

    Send a test email from preview

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 so the image toolbar appears.

Step 2: Remove the link

  1. With the image selected, click the link option and remove the existing URL

  2. The image remains in the email, but it 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, click the link icon, add the correct URL, and test it again in preview before launching.


Issue: Link opens the wrong URL

Root cause: Typo in URL or wrong URL pasted

Fix: Select image → click the link icon → correct the URL → insert/save. Always test in preview after editing.


Issue: Image displays, but the 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 large enough 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 appears. Then add the link from the image toolbar.


Issue: Want to change the link URL on the image

Root cause: Need to update an existing link

Fix: Select image → click the link icon → enter the new URL → insert/save.


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, 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?