Announcement

Collapse
No announcement yet.

How to Add a Pinterest "Pin It" Button to Product Display page

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • So the code to add the Pin It button to the Product Display page. I want it to appear right below the Wish List tab. Below is that code. I am not understanding which line below the Add to Wish List I would add the code:
    <a href="http://pinterest.com/pin/create/button/?url=&mvte:product:link;&media="> Can you please advise?
    <mvt:item name="buttons" param="AddToWishList" />
    </span>
    </span>
    </mvt:if>
    </div>
    </div>
    </form>
    <div class="row">
    <div class="column whole social-sharing"><mvt:item name="readytheme" param="thirdpartysharing" /></div>
    </div>

    Comment


    • This would be best if viewed in context. I would recommend contacting either Support or Professional Services so they can access your administration portal and assist with the coding.
      Matt Zimmermann
      Director of UI/UX Standards and Theme Development
      / Miva, Inc.

      Comment


      • HI
        Can anyone help me out with this?
        I have researched on the pinterest site and its my understand that I need to take the code within one product and add this code and change the data to match that one product. Once we do that we validate it with Pinterest and it will work across all products with the site. I have the Pin Button on the Product pages right now but they will only be a basic pin with picture only but I am wanting to implement the Rich Pins so I need to mark up the product page of one product. My question is I can see the code in the Product Display page but I am understanding I need to do it within one product itself. Where do I find the page that references just A Product itself and not the Product Display Page for the entire site. I have attached the code below which they have as an example: Also believe I need to has Open Graph

        Product Pins must link to the product landing page where you can actually purchase the product. Please don't use them if your website just shows products that must be purchased on another site.

        We support Open Graph, Schema.org and oEmbed formats for marking up your pages. If you are using a Shopify website, then your page already has the correct metadata and is ready for validation. When you're done marking your pages, donít forget to use our validator to finish the Rich Pin process.

        Also here is the link to their examples: https://developers.pinterest.com/doc...ins/products/?

        Open Graph

        If you use Open Graph format, youíll provide information about your article in the head tag of your article page. Open Graph format only works for pages with a single product.

        You can copy and paste this example text into your page's head tag. Just change the content to match your page.


        <head> <meta property="og:type" content="product" /> <meta property="og:title" content="Technology Will Save Us Gamer DIY Kit" /> <meta property="og:description" content="One of the permanent installations in the collection of Humble Masterpieces at the Museum of Modern Art in New York, this DIY gamer kit from London-based company Technology Will Save Us is equal parts gadget and design classic. " /> <meta property="og:url" content="http://www.urbanoutfitters.com/urban/catalog/productdetail.jsp?id=37075900"/> <meta property="og:site_name" content="Urban Outfitters" /> <meta property="product:price:amount" content="98.00" /> <meta property="product:price:currency" content="USD" /> <meta property="og:availability" content="instock" /> </head> Thank you for any help!

        Comment

        Working...
        X

        This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

        This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

        Accept