Modifying Social Post Preview Images

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

Copying Image Asset Links in Lead Gen & CRM

While you do you have the ability to host images via your website or third-party image hosting sites, Constant Contact recommends that you upload 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. Right-click the desired image and click View.
   
   
   
    
2. Right-click the image in the modal window that appears and click Open in new tab.
   
   
    
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 menu in the code window that appears.
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 and Close. 
8. Click Publish.
9. Click Save and 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 in 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's URL in the browser's URL bar in the browser tab that opens.
   
   
    
3. Click Content Calendar in the left toolbar.  
4. Click Create > Social Post.
   
   
    
5. Select the desired social media platform and account.
6. Paste the copied page URL in the What would you like to share? text box.
   
   

The preview image for the landing page will appear below.

Questions?