How do I specify a custom image for my referral program's Facebook share?

The instructions provided below are intended for use only if you feel comfortable editing your store's theme. If you don't feel comfortable making these types of changes, email us at help@shopcircle.co and we can make the changes for you.

First, you'll need to locate where your social meta tags are first. This is usually a snippet that's included in theme.liquid, and the file is typically something like snippets/meta-tags.liquid or snippets/social-meta.liquid, etc. Once you find where your social meta tags are, typically there are a lot of "if" statements determining when to use which meta tags. You'll need to either add to that if statement or add a new one like this:

{% if template == blank and canonical_url contains 'a/refer-a-friend/redeem' %}
<!-- include conjured referral og:properties for facebook sharing -->
<meta property="og:image" content="FACEBOOK_IMAGE_URL"/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="628"/>
<meta property="og:title" content="YOUR TITLE"/>
<meta property="og:description" content="YOUR DESCRIPTION"/>
{% endif %}

Make sure you update all the uppercase variables above, and that the FACEBOOK_IMAGE_URL is an image with dimensions 1200px by 628px.

Finally, due to a strange bug that Facebook claims are actually a "feature", you can't specify an image and suggested text for the post simultaneously. So if you would like to make sure the image is visible, you'll need to go into the app, click View Campaign, go to the Page Styles page, and then scroll down the page and make the Facebook Share text blank.