Skip to main content

How to add a website screenshot to a custom image

How to Boost Your Outreach with Personalized Website Screenshots in Emails

Learning Objective

By the end of this guide, you'll know how to add automated website screenshots to custom images using the website variable to pull screenshots from each lead's email domain.


Why This Matters

Website screenshots prove you researched the lead, not a mass blast. When prospects see their own website in your email, it grabs attention immediately and shows genuine interest. This visual personalisation significantly boosts engagement, especially for agencies and service providers.


Prerequisites

Before you start:

⚠️ Critical: Website screenshots only work with company email domains. Personal emails (Gmail, Yahoo, Outlook) won't generate screenshots.


Step 1: Open your campaign and email step

  1. Go to Campaigns and open the campaign you want to edit

    Open the campaign from the Campaigns page
  2. In the campaign builder, select the email step where you want to add the website screenshot


Step 2: Open the image builder from the email editor

  1. In the email editor, click Add and then select Custom media

    Click Add and choose Custom media in the email editor
  2. In the Personalization popup, click Create an image under Custom images

    Click Create an image from the Personalization popup

Step 3: Start a new custom image

  1. In the template library, click Create new template to build your image from scratch

    Create a new image template

Step 4: Add the Website variable

  1. In the image editor, click Add element, then choose Website variable

    Click Add element in the image editor
    Choose Website variable from the element list
  2. Resize and position the website screenshot area on the canvas, then configure the settings in the right panel if needed, including Layer name, Corner's style, and the custom variable source

    Configure the Website variable settings in the image editor

How it works: The screenshot automatically captures from the lead's email domain ([email protected] → captures acmecorp.com).


Step 5: Save and insert the image into your email

  1. (Optional) Click Save as template if you want to reuse this custom image later

  2. Click Use this image to insert it into your email

    Save the template or use the image in the email

Step 6: Preview before launching

  1. In the email step editor, click Preview

  2. Verify the screenshot shows the lead's company website instead of a placeholder

  3. Test with 2–3 different leads, especially if you have mixed domains

    Preview the email step and verify the website screenshot

Check: The screenshot should display the actual company website, not a blank placeholder.


Requirements

Email format matters:

Domain needs an active website:

  • Domain must resolve to the live website

  • Inactive/parked domains show blank or an error

💡 Before using: Filter leads to company emails only. Remove Gmail, Yahoo, and Outlook addresses.


Best Practices

Add context text - "Checking out #{{companyName}}" above screenshot explains relevance

Keep size balanced - 400-600px width works well—readable but not overwhelming

Test with sample leads - Verify screenshots capture correctly before launching

Use relevant messaging - Pair screenshot with site-specific feedback or observations

Have a fallback - Use a different template for leads without company emails


Troubleshooting

Screenshot shows blank/error page

  • The domain has no active website

  • Verify the domain manually before using

The screenshot shows the wrong website

  • Email domain differs from main company site

  • Screenshot always pulls from the email domain (or the custom variable you selected)

Screenshot not appearing

  • Preview using a lead with a company email (@company.com format)

  • Confirm you added a Website variable element in the image editor (not a static image)

The cookie banner appears in the screenshot

  • Automatic screenshots are taken as the page of the lead’s website is displayed while visiting it so if there’s a cookie banner, then it is captured on the screenshot as well.

  • The only workaround for not showing that cookie banner would be to actually take those screenshots yourself, store them in an image host and use the URLs as custom variables for each of your leads.

Screenshots look pixelated

  • Don't enlarge beyond 600px width

  • Keep the size reasonable for the resolution


Video Guide: Your Step-by-Step Companion 🎥

Need a more detailed walkthrough? Watch our video guide to see exactly how to set this up!


Did this answer your question?