Skip to main content

Add a website screenshot to images

How to Boost Your Outreach with Personalized Website Screenshots in Emails 📷✨

Updated over 3 weeks ago

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: Create or Open Email Step

  1. Go to the campaign Sequence section

  2. Add or select the email step

Screenshot

Step 2: Add personalisation and open the image builder

  1. In the email step editor, click Add personalisation in the bottom toolbar

Screenshot
  1. In the Personalization popup, open the Medias tab

Screenshot
  1. Under Custom images, click Create an image

Screenshot

Step 3: Choose a template (or start from scratch)

  1. In Image templates, select a pre-made template, or click Create new custom image

Screenshot

Step 4: Add the Website variable

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

Screenshot
  1. Resize and position the website screenshot area on the canvas

Screenshot
  1. (Optional) Configure the website variable settings in the right panel, such as Layer name, Corner's style (Right angle/Rounded), and Choose your custom variable (default: Email domain)

Screenshot

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

Screenshot

Step 6: Preview before launching

  1. In the email step editor, click Preview (bottom-right)

  2. Verify the screenshot shows the lead's company website (not a placeholder)

  3. Test with 2-3 different leads (especially if you have mixed domains)

  4. Send a test email to yourself

Check: Screenshot should display actual company website, not placeholder.

Screenshot
Screenshot

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!


By following these steps, you’ll enhance your outreach with personalized website screenshots, helping you connect with your audience on a deeper level.

Let us know if you need further assistance, our team is always here to help! 🤓

Happy emailing! ❤️

Did this answer your question?