When you share your campaign, Facebook looks at the images in your campaign to generate a thumbnail for the post. In this article, you’ll learn a couple different ways to designate the 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.
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.
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 you use 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
The thumbnail image for your auto-posted campaign looks like this.
<meta property="og:image" content="url to image" />
If you choose not to set an icon manually, Facebook will choose an image to use as the default thumbnail for you.
The title for the post looks like this.
<meta property="og:title" content="title of the page" />
If you choose not to add this property, Facebook will populate the page title with your MailChimp campaign's subject line.
A short description of your campaign content looks like this.
<meta property="og:description" content="add a short description of the page or 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: