When you share your campaign, Facebook looks at the images in your campaign to generate a thumbnail or "icon" for the post. If you design a campaign using one of our templates, you can use the Social Cards feature to customize an image and text that displays when the campaign is shared on Facebook. However, if you're creating a custom-coded template, some additional code needs to be added to let Facebook know which image and text to use.

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:
Meta properties

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.


Related Articles