How to Add a Pinterest "Pin it" button to Miva Merchant product pages
If you’ve not heard of Pinterest yet, you soon will. Pinterest is an online pin-board which lets user pin, organize and share the stuff they love. It’s growth has been amazing. Here’s a chart from Hitwise which shows it’s current growth rate.
Pinterest is mainly used by women. Since my eCommerce site has an audience that is mainly women, I thought it was time to add the “Pin it” button to my product pages. The “Pin it” button is similar to other social sharing buttons such as Facebook, Google Plus+, etc.
Visitors to my product pages will now be able to click the “Pin it” button and easily pin my products to their boards. While users of Pinterest can use the “Pin it” feature that can be added to a browsers toolbar, I feel it’s best to put the button right in front of the visitor. You can check out the button on one of my product pages.
If you only have one page on a blog or a static non template page you want to add the button to, you can get the code here.
If you want to add the “Pin it” button to a Miva Merchant product page, it too is fairly straight forward, but requires a little different formatting of the code.
The following is a break down of the code I use on my Miva Merchant product page template.
<a href=”http://pinterest.com/pin/create/button/?url=http://www.rainebrooke.com/product/&mvta:product:code;.html&media= http://&mvt:global:domain:name;/mm5/&mvte:product:thumbnail;&description= &mvt:product:name;&mvt:product:customfield_values:customfields:subtitle; at Rainebrooke.com” class=”pin-it-button” count-layout=”horizontal”>Pin It</a>
There are three areas above (in bold) that you’ll need to change for your Miva Merchant store. They are the URL to the product page, the URL to the product image, and the description you want to use. Note: there should be no spaces in the href code above.
With simple use of the Miva tags you can have each product page populate the “Pin it” button with the correct information. In my code above you’ll notice the formatting I use for my store. Insert the page and image URL format your store uses and then the description you want shown. For my description I use the product name, a custom field for subtitle (which is sometimes part of my products name) and then I end the description with my domain name “at Rainebrooke.com”.
All that’s left is to insert the code into your Miva product page template in the location that you want it displayed.
If your Miva Merchant store offers products which are very visual, target women or are commonly shared on social networks (most stores will at least fall into one of these)… then you’ll want to consider adding the Pinterest button to your product pages.
Note: Pinterest buttons can be added to any site, but as of this post, having a Pinterest account is only available by invite. If you would like an invite, let me know in a comment below (be sure to include your email address when adding your comment). After you’ve joined, please feel free to follow my personal account or my Rainebrooke account.
UPDATE #2: Pinterest no longer uses Skimlinks and has updated their site with a disclosure… You can read more about this here
I just found out something about the Pinterest button that has me a little upset… Pinterest has a relationship with SkimLinks. When someone clicks on a pinned product, the intial link looks like it’s a normal link going to the merchant site, but if you look closely you’ll notice a very quick redirect. SkimLinks turns these normal looking links into an affiliate link for Pinterest. I completely understand the need for Pinterest to make money, but what bothers me is the fact that the link swap is completely undisclosed by Pinterest. How does this affect merchants? If you have Skimlinks as an affiliate, then you could be sending commissions for sales that you were not even aware of. I personally have pinned many of my own products on my Pinterest board. I also have Skimlinks as an affiliate. This means that each time I pin a product, I’m pinning a link which will send commissions to an affiliate for a potential sale that I’m creating myself. Pinterest needs to seriouly take a look at this undisclosed policy of theirs. I wouldn’t have a problem with it if I was aware of it from the beginning. Since it was hidden from me when I decided to add the Pinterest button, I now have decide how I plan on handling it. You can read more about this here.