Facebook Push Template | Judge.me

Facebook Push Template

Social Push will use one default posting template that can be customized.

Template customization

Available variables (all variables are optional):

  • {{ reviewer_first_name }}, example: John
  • {{ reviewer_name }}, example: John Smith
  • {{ review_rating_emoji }}, the amount of stars displayed as an emoji, example: ☆☆☆☆
  • {{ review_rating }}, the rating as a number, example: 4
  • {{ review_title }}, the review title
  • {{ review_body }}, the review body
  • {{ product_url }}, the URL of the respective product

Posting review images

Review posts without an image will always use meta information from the product URL (if provided) to show an image.

For review posts with image, you can choose between

  • Use product URL to display image based on meta data (as above)
  • Use the image uploaded by the reviewer (if multiple were uploaded, only one will be posted)

Open Graph

If a review post is made without review picture but including a product URL, Facebook will try to post the image it thinks is the main one on the product page by utilizing its 'Open Graph'.

You product page needs to provide meta data by using the tags in your theme.liquid layout file as follows:

<meta property="og:image" content="{{ product.featured_image | product_img_url: 'original' }}" />

You can check your meta data with Faceook's Sharing Debugger Tool by inserting your product URL.

You can read more about the tags you need (og:image, og:image:width, og:image:height) here.

Further references: + The concept: https://blog.kissmetrics.com/open-graph-meta-tags/ + Introduction to the Open Graph protocol: http://ogp.me/