When you share your campaign, Facebook looks at the images in your campaign to generate a thumbnail for the post. Below we walk you through how to designate the image Facebook uses from the Design step of the Campaign Builder and also in custom coded templates.
Designate a Facebook icon in the Email Designer
Only an image placed in a text block can be designated as the Facebook campaign icon. Because their HTML source code is not editable, images placed in image blocks cannot be designated as campaign icons.
- Place a Text block into your campaign by dragging it over from the Content tab on the right side of the page.
- In the editor window click the File Manager icon
- Select a picture from the Images heading, then add it to your campaign.
- Click the < > button on the toolbar to view the HTML source code for this text space.
- Locate the <img> tag for the image you want to use as the thumbnail.
- Add id="campaign-icon" to the <img> tag. The correctly formatted tag should look like this:
<img id="campaign-icon" src="http://yourimagelocation.com/image.jpg">
You're all set! The image given the campaign-icon ID will become your campaign's thumbnail when you Auto-Post to Facebook.
Designate a Facebook icon in a custom coded template
When using your own HTML or custom template, you can add Facebook's Open Graph protocol meta tags to select the thumbnail for your campaign. In addition to setting a thumbnail image, these tags can specify even more information about your campaign such as post title and a description. All of the tags that can be used in the campaign can be found below.
Facebook meta tags
Add any of the tags below to your code or template's <head> element to designate the information being passed to Facebook.
<meta property="og:image" content="url to image" />
- The thumbnail image for your auto-posted campaign. If you choose not to set a thumbnail image manually, Facebook will choose an image to use as the default thumbnail for you.
<meta property="og:title" content="title of the page" />
- The title for the post. If you choose not to add this property, Facebook will populate the page title with your MailChimp campaign's subject line.
<meta property="og:description"content="add a short description of the page or content"/>
- A short description of your campaign content. If you choose not to add this property, Facebook will select a section of your campaign content for you automatically.
When you share your campaign on Facebook, you'll see that each of the properties populate with the custom information you added:
This feature is accessible by users with Author level or higher permissions. Take a look at this article to learn more about the different access levels for a MailChimp account.