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

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

    HI I have been researching and reading back on the forum and I did find some information but its seems pretty dated back to 2012 and 2013. Would anyone have the code needed and exactly where I would put that on the Product display page to drop the Pin It Button on the Product Display Page. We do have a Pinterest account currently. Any help would be so appreciated.
    Thanks!

    #2
    I'm not sure if this is still the way, but typically you would add a call to the pinit JavaScript file in the HEAD and then drop the display code onto the page where you want it to show. There should be detailed instruction on the Pinterest site.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Is this the code to use:
      <a href="http://pinterest.com/pin/create/button/?url=http://&mvte:global:domain:name;/mm5/merchant.mvc?Screen=PROD&Store_Code=GHF&Product_Co de=&mvte:product:code;&media= This is what I found on an older forum from about 5 years ago. So we replace the domain:name with our domain name?

      Comment


        #4
        You should be able to make this shorter by using this:
        Code:
        <a href="http://pinterest.com/pin/create/button/?url=&mvte:product:link;&media=">
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          HI
          Thank you. Would I put that code in the Product Display layout code section of the Product Page and does it matter where it is put within there?

          Comment


            #6
            You would place that code where you would like the link to display within the Product Display Layout.
            Matt Zimmermann

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            Comment


              #7
              On the PInterest site I am being told to Claim our website so it is linked to our Pinterest account I need to add this code

              <meta name="p:domain_verify" content="c199b43e68613bd06f0afd79eb9f1977"/>

              the go to to the index.html file of your website and add the tag to the <head> section before the <body> section
              1. Go back to Pinterest and click Submit
              Where do I find that file to insert this code for Pinterest?

              Comment


                #8
                In your administration portal, navigate to User Interface -> Settings -> HEAD Tag Content, and append that tag to the bottom of the current code.
                Last edited by Matt Zimmermann; 03-27-19, 12:29 PM.
                Matt Zimmermann

                Miva Web Developer
                Alchemy Web Development
                https://www.alchemywebdev.com
                Site Development - Maintenance - Consultation

                Miva Certified Developer
                Miva Professional Developer

                https://www.dev4web.net | Twitter

                Comment


                  #9
                  I find the head_tag but from there I am lost. Can you direct me to what file this code is inserted?

                  Comment


                    #10
                    You should see a section of code within the HEAD Tag Content block. Add your code there and click Update.
                    Matt Zimmermann

                    Miva Web Developer
                    Alchemy Web Development
                    https://www.alchemywebdev.com
                    Site Development - Maintenance - Consultation

                    Miva Certified Developer
                    Miva Professional Developer

                    https://www.dev4web.net | Twitter

                    Comment


                      #11
                      I see this?
                      Attached Files

                      Comment


                        #12
                        You will need to navigate to User Interface -> Settings -> HEAD Tag Content
                        Matt Zimmermann

                        Miva Web Developer
                        Alchemy Web Development
                        https://www.alchemywebdev.com
                        Site Development - Maintenance - Consultation

                        Miva Certified Developer
                        Miva Professional Developer

                        https://www.dev4web.net | Twitter

                        Comment


                          #13
                          OK yes found that. I have attached a screenshot. Can it be inserted at the bottom of that section? I dropped it in at the bottom will that work? Please see attached.
                          Attached Files

                          Comment


                            #14
                            The image is too small to tell, but as long as you added it to the bottom, it should work.
                            Matt Zimmermann

                            Miva Web Developer
                            Alchemy Web Development
                            https://www.alchemywebdev.com
                            Site Development - Maintenance - Consultation

                            Miva Certified Developer
                            Miva Professional Developer

                            https://www.dev4web.net | Twitter

                            Comment


                              #15
                              Thank You!

                              Comment

                              Working...
                              X