Modifying Social Post Preview Images

Change the preview image that appears when linking to a landing page from a social post

Tip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.

Copying Image Asset Links in Lead Gen & CRM

While you can host images on your website or on third-party image hosting sites, Constant Contact recommends uploading the image asset to the File Manager in Lead Gen & CRM so that all parts of the landing page are contained within the platform.

To copy an asset's hosted link in the File Manager, either upload a new image or locate an existing image: 
 

1. Access the File Manager in many ways. One way is to click the navigation bar's + plus sign and select File Manager Item from the dropdown menu. 
   
    
2. Right-click the desired image and then click Open selection.
   
    
3. Copy the Amazon Web Service (AWS) link in the browser's URL bar.
   
   

Adding the Image Asset Link to Landing Pages

Once you have uploaded the image asset and copied its hosted image link, you can insert it into a landing page as a preview image.

To insert the image asset link, create or edit a landing page:

1. Click    Edit Code in the left panel.
2. Click the Page drop-down. 
   
    
3. Select one of the following:
   • All pages - Adds the preview image for every page in the funnel.
   • An Individual page - Adds the preview image for the selected page only. 
     
     
     
     
4. Click HEAD in the top-right corner of the code window.
5. Paste the following code at the top of the Head section:
   
   <meta property="og:image" content="[IMAGE LINK]">
   
    
6. Replace [IMAGE LINK] with the previously copied AWS image link in the pasted code.
7. Click Save or Save & Close. 
8. Click Publish.
   
    
9. If editing a previously published landing page, click Save & Publish.
   
    

Important: Lead Gen & CRM looks for the following Open Graph (OG) metadata properties when generating previews for social posts:

   •   og:title
   •   og:description
   •   og:image

Lead Gen & CRM does not pull in a meta description that does not meet these standards.

Previewing Social Posts

Once you have set the AWS image link in the landing page, you can preview how the landing page will look when posted on social media. To preview a social post that is linked to a landing page, first open the landing page with the inserted image link:
 

1. Click    More Options > View secure page.
   
    
2. Copy the page link in the browser's URL bar. 
   
    
3. Click Content Calendar in the left toolbar.  
4. Click + Create and then select Social Post.
   
    
5. Select the desired social media platform and account.
6. Paste the copied page URL in the Add caption text box.
   
   

The landing page's preview image will appear in the social post preview. Finish modifying your social post as needed, then click Continue for approval and scheduling. 

Questions?