Nov 11, 2013

Setting up Pinterest Rich Pins for Big Cartel sites

Pinterest recently announced new functionality for "Rich Pins" for Pinterest for different types of pins (product, recipe, movie, or article).

While our last post dealt with setting up rich pins for a Blogger blog, we've had a number of folks ask for instructions for how to set up these rich pins for their Big Cartel site. And we aim to please!

Step 1: go to the Advanced section in your template editor

Step 2: edit the Product page to use "Custom"
(this will keep the existing code but allow you to add additional code

Step 3: at the top of the HTML for the Product page, add the following code:

<meta property="og:title" content="{{ product.name | escape }}" />
<meta property="og:description" content="{{ product.description | truncatewords: 50 }}" />
<meta property="og:type" content="product" />
<meta property="og:url" content="{{ store.url }}{{ product.url }}" />
<meta property="og:site_name" content="{{ store.name }}" />
<meta property="og:price:amount" content="{{ product.default_price }}" />
<meta property="og:price:currency" content="USD" />
<meta property="og:availability" content="instock" />

Congratulations! Test out the new code for any specific product url with the validator and you should be good to go!