Pinterest Rich Pins Tutorial Overview
In this Pinterest Rich Pins Tutorial, I am going to layout the following information.
- What is Pinterest Rich Pins?
- Why Pinterest Rich Pins trumps just posting your products to Pinterest?
- Challenges of BigCommerce Platform in rolling out must need marketing apps
- The need for BigCommerce to offer more in-depth tutorials
- How to Apply for Rich Pins?
- Step by Step Instructions on setting up Pinterest Rich Pins for your BigCommerce Storefront
What is Pinterest Rich Pins?
From the Pinterest Site itself, “Rich Pins are Pins that include extra information right on the Pin itself.” Let’s look at a side by side view of a Pin with and without the Rich Pin setup.
You see the difference? The Pin on the left only shows where you can find the image or product and nothing else. The Pin on the right gives more information. First, it still shows where the image or product is located but more importantly it provides more details that is pulled directly from the product description on the website where the product is located. It shows the title of the product and then it shows the price and finally it pulls the Branded Logo and name of the company from the source website.
The Reason Pinterest Rich Pins Trumps a Regular Pin Post
According to Pinterest own analytics, Pinterest Rich Pins get a higher click through rate than regular pins and makes your brand more visible because of the logo on the pin. In fact, Target, one of the first companies to work with Pinterest on the Rich Pins pilot program, saw a 70% increase to it’s website shortly after rolling out Rich Pins on their website and Pinboards.
In my humble opinion, the most important aspect of Rich Pins is that when you reduce a price on your website, your Pinterest Pin also changes price and then notifies anyone who has pinned your Pin to their board, by email, of the price change.
See the graphic below, in a nutshell, Pinners like shopping and like Pins with a price. This converts to higher average order as compared to other social media sites.
Challenges with BigCommerce and Rich Pins
Bigcommerce is a great site for people who do not want to fool with all the more technical aspects of website building and quite frankly, it is works well with more experienced users as well. Where it falls short, is it’s inability to roll out updates to keep up to date with the latest proven trends for driving traffic to the websites under the BigCommerce Platform. The video tutorials they create are general at best and not helpful in answering questions on things such as Pinterest. I have had many questions on the Bigcommerce Platform and have scoured the web trying to find those answers and often with no success. This is why I felt in necessary to post articles and also videos to help others. Here is a video on how to layout a custom template.
Instructions on setting up Pinterest Rich Pins for your BigCommerce Storefront
- Log into your Bigcommerce Storefront and click on the link entitled “Design” (See Figure 1)
- Click on the Drop down link entitled “More” (See Figure 2)
- On the drop down menu click on the link entitled “Template Files” (See Figure 3)
- Look for the folder entitled “Panels” and click the plus sign to expand (See Figure 4)
- Scroll until you find the link entitled “Product Details” then toggle the box and click on right drop down arrow and then click edit! (See Figure 5 and 6)
- You will see the html code within that edit page. All you have to do is copy the html text below and paste to the bottom of the ProductDetails.Html template hit save and your site is now ready to be Rich Pin Enabled.
<div itemscope itemtype=“http://schema.org/Product”> <meta itemprop=“name” content=“%%GLOBAL_ProductName%%”>
<meta itemprop=“description” content=“%%Page.MetaDescription%%”>
<meta itemprop=“image” content=“%%GLOBAL_ThumbImageURL%%”>
<div itemprop=“aggregateRating” itemscope itemtype=“http://schema.org/AggregateRating”>
<meta itemprop=“worstRating” content=“1”>
<meta itemprop=“bestRating” content=“5”>
<meta itemprop=“ratingValue” content=“%%GLOBAL_Rating%%”>
<meta itemprop=“reviewCount” content=“%%GLOBAL_ProductNumReviews%%”>
<div itemprop=“offers” itemscope itemtype=“http://schema.org/Offer”>
<meta itemprop=“price” content=“%%GLOBAL_ProductPrice%%”>
<meta itemprop=“priceCurrency” content=“USD” />
<link itemprop=“availability” href=“http://schema.org/InStock” />
<div itemscope itemtype=“http://schema.org/Organization”>
<meta itemprop=“name” content=“%%GLOBAL_BrandName%%”>
Getting approved for Rich Pins
This is the easy part. All you need to do is go to the link below and put one of your product links in the Pinterest Rich Pin Validator to see if the code works an wallah, you now have a Rich Pin validated site.
If you still need some help on installation or questions feel free to connect with me on Facebook or contact me through my contact form below. Pinterest is one social network you can not do without. I highly encourage you to learn all you can about Pinterest. Check out this video from my friend Melanie Duncan she is what I called the Pinterest Princess. She knows her stuff!
You may also like: