Menu Online Learning Center from EZ-NetTools

« Tips & Tricks 

Add a Pinterest Pin It Button to Your Website

Note: For more information visit http://business.pinterest.com/pin-it-button/

There are three types of Pin It buttons you can have on your website. A single image, all images, and hover over an image. You can access the Pinterest page about these three pins: http://business.pinterest.com/widget-builder/ - do_pin_it_button

Single Image Pin It Button

  1. On the Pinterest Pin It page (link above) you can edit the appearance, choose where to place the button, URL, Image, & Description.



  2. Preview your Pin



  3. Copy & paste the <script> tag into the head code in EZ-NetTools.





    <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

  4. Copy and paste the link where you want it to appear in your website.

    <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>

Any Image Pin It Button

  1. On the Pinterest Pin It page (link above) you can edit the appearance and preview the button.



  2. Copy & paste the <script> tag into the head code in EZ-NetTools.





    <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>


  3. Copy & paste the link where you want it to show in your website.

    <a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>

Image Hover Pin It Button

  1. On the Pinterest Pin It page (link above) you can edit the appearance and preview the button.



  2. Copy & paste the <script> tag into the head code in EZ-NetTools.





    <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>


If you have any questions or need help with the Pinterest Pin Button please give us a call at 800-627-4780