When you share your campaign, Facebook looks at the images in your campaign to generate a thumbnail or "icon" for the post. In this article, you’ll learn a couple different ways you can designate which image Facebook uses from the Design step of the Campaign Builder and in custom-coded templates. However, if you design a campaign using one of our templates, we strongly recommend using our powerful Social Cards feature to customize both the image and the text that displays when you share your campaign.
In this article:
- Designate a Facebook icon in the Email Designer
- Designate a Facebook icon in a custom-coded template
Designate a Facebook icon in the Email Designer
To designate a Facebook campaign icon manually, you’ll need to insert the image into a Text block, then edit the source code to edit the tag for that image.
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.
Locate the image you want to use, and click the Select button.
Set optional image properties and click Save & Insert Image.
In the editing pane, 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:
The image containing 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 an 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:
|Was this article helpful?||
|What can we do to improve your experience with articles like this?|
At this time, we are unable to reply to any responses, but we'll use this information to keep the site up-to-date.