Inserting Images into Emails Using Personalization - Legacy Composer

  • Updated

Specify a different image to display for each contact by inserting images into email messages using Personalization Fields.

You can also display other dynamic content using a Dynamic Content block. See Creating Dynamic Content in Email Messages.
Quick Reference (Advanced Users) - Click to Expand
  • Create an image URL column on your list (one URL per contact).
  • Populate that column via file upload, segment updates, or CRM sync.
  • Insert an image in a Rich Text block and use a personalization field as the image source.
  • Set a fallback image URL so contacts without a value still receive the message.
  • Use Sample Preview and Check Full Personalization in the Review tab to verify results.
Try it like this: Add a column called IMAGE to your list, populate it with different product images for each segment, then use {{IMAGE}} as the image source in your email with a fallback image for anyone who is missing a value.

Prerequisites

  • Image URLs for each image to display
    • Images do not have to be uploaded to Act-On, but we recommend doing so.
    • Use the same dimensions for all images to keep your layout consistent.
  • Your message draft is ready to insert the image.

Grab the Image URLs from Act-On

If you have your images stored in Act-On, follow these steps to get the image URLs:

  1. Click Content > Image Library.
  2. Find your image, click the three dots, then click Public URL.
  3. Copy the URL and paste it into a document for later use.

Instructions

To use a personalized image in your email message, first create a field on your list that will contain the image URL for each contact. Then use that field as a personalization variable in the image source URL.

For more on email personalization, see Using Personalization Fields in Emails.

Add a New Column to Your List

  1. Go to Lists > Marketing Lists, or under Other Lists choose Form Submissions or Webinar Lists.
  2. Hover over the list you want, click the down arrow on the right, and select Maintenance.
  3. Choose Change List Columns:

Change list columns

  1. Click Add Column at the bottom of the page.
  2. Name the new column and click Submit.
  3. Click Save:

Add new column

Insert Image URLs for Your Contacts

There are multiple ways to move image URLs into your contact list. Here are three options.

Option 1: Upload URLs

Import a .csv or .xls file with the URLs for each contact and update your Marketing List. The first column should be the contact email address and the second column should be the image URL field.

  1. Go to Lists > Marketing Lists.
  2. Locate the list or segment you are sending the message to.
  3. From the drop-down menu, choose Import/Export > Append To This List:

Append to this list

  1. From the Add To List Contents drop-down, choose your import method.
  2. Select an option that allows you to Update existing records.
  3. Choose the email address field that matches between your list and your file:

Map email field

  1. Accept the import terms by checking the confirmation box and choose your import file.
  2. Click Next.
  3. Review the import preview and click Next.
  4. Review the sample records and columns to import or create.
  5. Click Finish. Your list is updated with URLs for each contact.

Option 2: Update by Segment

If your images are based on contact attributes (for example, segment, product interest, or region), you can update the image URL field by segment.

After creating the necessary segments, update the URL field for all records in each segment:

  1. Go to Lists > Marketing Lists and locate the list or segment you are sending to.
  2. From the segment drop-down menu, choose Maintenance > Change Column Values:

Change column values

  1. Choose the column for your image URL, select Set Value to, and enter the image URL for that segment:

Set URL value

  1. Repeat for additional images and segments.

Option 3: Import from CRM

If you are sending to a CRM list and the per-contact URL is available in your connected CRM, you can import that field as a list column. For details, see How do I add fields from my CRM to Act-On?

Insert the Personalized Image in Your Message Content

  1. Resume editing your message in the Design tab.
  2. Hover over the Rich Text Block, click the Pencil icon, and place your cursor where the image should appear:
    Edit rich text block
  3. Click Insert/Edit Image.
  4. Under Somewhere else, click Continue:

Insert image from URL

  1. In the Source field, insert the field name of your new column with personalization tags and fallback text, then click Save:

Personalized image source

Important! If your list does not have an image for all contacts, set an alternative image to display. Contacts with missing personalization and no fallback value will not receive the message. The Source field would look like this:

{{={{image}},|https://...alternate-image-url.jpg}}

Depending on your browser, you may or may not see an image placeholder or alt text. To confirm, check the HTML version of the message by clicking the code icon (<>) and preview it in the Review tab.

Message HTML preview

Review tab preview

Review

To preview personalization by contact and run a full check, first select your message recipients in the Address tab. Then go to the Review tab.

  1. Select a contact from the Sample Preview drop-down menu.
  2. Select another contact who should see a different image.
  3. In the Check Full Personalization section, click Check Full Personalization Now.
    • If errors are returned, you will see a message indicating that some contacts cannot receive the message.
    • If there are no errors, you will see a confirmation message and are ready to send with personalized images.

Was this article helpful?

Have more questions? Submit a request