How can I choose the image thumbnail that shows up on Facebook?

If you're using our Templates

Setting the Facebook thumbnail when using our templates does require a bit of coding in the source of the campaign. To set that up simply follow these steps:
  1. Add the image you'd like to use to the campaign.
  2. Click the source button on the edit toolbar.
    Source button in toolbar
    Source button in toolbar
  3. Locate the <img> tag for the image you want to use as the thumbnail.
  4. Add id="campaign-icon to the <img> tag. The correctly formatted tag should look like this:
    <img id="campaign-icon" src="">


This is the code in the Content Editor
This is the code in the Content Editor

You're all set! The image that you gave the campaign-icon ID to will become your campaign's thumbnail when youautopost to Facebook.

Using Your Own HTML or Custom Templates

Facebook looks for meta tags with specific properties in order to set the image/icon and description for the page being posted. There are three properties that can be set:
<meta property="og:image" content="url to image" />
<meta property="og:title" content="title of the page" />
<meta property="og:site_name" content="name of the site" />
These three tags allow you to tell Facebook, very specifically, how things should appear when shared: "Seamus likes [title] on [site_name]" next to the [image] icon. In case you're curious, "og" stands for "Open Graph" which is somethingFacebook created to help users share information.

facebook thumbnail
facebook thumbnail

So when you're coding your own HTML, you'll want to use the following syntax (and add to your template's <head> element):
<meta property="og:image" content="" />


If there is no "campaign-icon" specified for a campaign (or the og:image meta tag), Facebook will choose an image to use as the default thumbnail.
You can find more tips in the comments of the MailChimp blog post on Facebook thumbnails.


Popular Posts