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!
Popular
-
Hangout on Air: Friday Request Line for 10/19/2012Less is more, user-centric design, focusing on your user experience, and lots of template manipulat…
-
Featured Blogger Site: Pinch GalleryPinch Gallery in Northampton, MA is a vibrant, eclectic artisan gallery with a focus on art for th…
-
Question: Why is my Blogger blog not displaying correctly in IE 9?As web developers we learn to live with what we call "cross-browser compatibility" issues…
-
Question: Need help moving from Wordpress to Blogger?There are a number of reasons why we recommend using Blogger instead of Wordpress including: 1) fre…
-
Tip: Easy instructions for adding Pinterest to each postAdding Pinterest correct to your Blogger site can be a bit challenging; most people take the easy w…
-
Tip: How do I remove the Blogger bar at the top of my site?This is, far and away, the #1 question we're asked when people see the work we've done with…
-
Transforming a Blogger RSS feed into a slideshowThis tip was created by us to solve a challenge that one of our readers left for us on our Resizing…
Post a Comment
Post a Comment