When you share your campaign, Facebook looks at the images in your campaign to generate a thumbnail or "icon" 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
To designate a Facebook campaign icon, you have to edit the HTML source code of an image tag. Only an image placed in a Text block or the text portion of certain image blocks can be designated as the Facebook campaign icon. Images placed in Image blocks and the image sections of Image Group, Image Card, and Image + Caption blocks cannot be designated as campaign icons.
- Navigate to the Design step of the Campaign Builder.
- Drag a Text block into your campaign 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 block.
- 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 that includes the campaign-icon ID will become your campaign's icon 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 designate the thumbnail for your campaign. In addition to setting a icon image, these tags can specify even more information about your campaign such as post title and a description. The list below includes all of the accepted meta tags.
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 or "icon" for your auto-posted campaign. If you choose not to set an icon 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.