Tips & Tutorials

Adding Open Graph to Product Pages

Adding open graph ( http://ogp.me/ ) to product pages is a simple matter of adding additional meta data to the template used for formatting the product page.

Edit the template that you're using for the product page and add the following to the head section of the template:

<meta property="og:title" content="[[+meta_title]]" />
<meta property="og:type" content="website" />
<meta property="og:url" content="[[self &abs=`1`]]" />
<meta property="og:site_name" content="[[+sitename]]" />
<meta property="og:description" content="[[+summary]]" />
[[if &subject=`[[store.showProductImage &linkOnly=`1`]]` &operator=`!empty` &then=`<meta property="og:image" content="[[store.showProductImage &abs=`1` &linkOnly=`1`]]" />`]]

When you refresh your site clearFusionCMS will complete the information for you.