Overview
When your ambassadors share their referral link to social media sites via the portal share module or Refer-a-Friend module, an image will be pulled into the post automatically. If you want to set or change the image that is shared, you’ll need to utilize open graph meta tags on your site.
How do I set the image that is shared?
Using meta tags, you can tag the image you want pulled into various social sites. An example of how you can tag your image is included below, you will need to replace “https://pathtoyourimage.jpg” with a link to your desired image.
<!-- 1200x1200 Image for Facebook -->
<meta property="og:image" content="https://pathtoyourimage.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="1200" />
<!-- 400x400 Image for Linkedin -->
<meta property="og:image" content="https://pathtoyourimage.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<!-- 120x120 Image for Twitter -->
<meta name="twitter:image" content="https://pathtoyourimage.jpg" />
<meta property="og:image:width" content="120" />
<meta property="og:image:height" content="120" />
Can I preview the post image?
Depending on the channel you would like to preview, you will need to go to a different link to test your image. Follow the steps below to test on Facebook, Twitter or LinkedIn.
Facebook: You can utilize the Sharing Debugger to preview how the image will look when shared. Please note, we recommend using this any time you tag a new Facebook Open Graph image.
If you have additional questions, we suggest checking out this external resource, Open Graph Protocol, for more information.
Twitter: You can utilize the Card Validator to preview how the image will look when shared.
LinkedIn: You can utilize the Post Inspector to preview how the image will look when shared.
Other support articles you may be interested in: