{Pinterest} Add Custom ‘Pin It’ Button to Images

Pin it Screen Shot sample buttons #1,2,3,4 w994 x 675-5

Yes, make your own “Pin it” button.  Another way to add a personal touch to your Website. When a viewer hovers over an image, it will change slightly and a “Pin It” button appears {i.e. near the top right corner}.  I have tried a few other Plugins and attempted to change the codes on the others before I discovered this plugin by Marcin Skrzpiez for WordPress.   It was surprisingly easy to install and customize.  Follow the next few steps and a new custom “Pin it” button will be up and running.


Steps to install the plugin {WordPress.org}

custom pin it button

Go  to your WordPress Dashboard > Plugins >  Add New >  type the following name in Search field,  “jQuery Pin it Button For Images”  by Marcin Skrzpiec >  Click Install and Activate the plugin >  Refresh your website to see the new “Pin it” button >  Done {if you don’t want to customize the “Pin it” button}.


Steps to Customize the “Pin it” button & More …

Pin it  settings

Go to your WordPress Dashboard > Settings > JQuery Pin it Button For Images > check the box, “Use custom image” > click “Upload an image using media library”.


Pin it Media library

 select an image from Media Library or Upload Files from your computer {to be stored in your Media Library}> click the button “Use as ‘Pin it’ button” > Save Changes > Refresh computer screen > Done.


Have fun trying out the other options in Settings {i.e. where to place the “Pin it” button, transparency of the image when you hover over it and when to disable the button}.


          Custom “Pin it” Buttons

Try one of these simple “Pin it” buttons I created for you to use.  They are free, just grab it and store the image on your computer then upload it to your website (step ).

red Pin it button blue Pin it button green Pin it button gray Pin it button
pink Pin it button banner lt blut Pin it button banner yellow Pin it button banner gray Pin it button banner



posted by: Bill & Kay

Related Posts Plugin for WordPress, Blogger...

, , , ,

8 Responses to {Pinterest} Add Custom ‘Pin It’ Button to Images

  1. Sherry June 1, 2013 at 4:06 pm #

    Oh my goodness, did you totally do this for your lame friend? (You’re my favorite) You win ANOTHER trip to e-burg! Woo Hoo!
    … now to figure out how to do this on my tablet since the laptop is kaput.
    Seriously, I can’t believe how technically minded you are K. Miss you guys.

    • Swan June 2, 2013 at 9:56 am #

      Yay! I can’t believe we won another trip! Swimming, sunshine, country living and good cooking …… How about the middle of June?!!

  2. Jenny @ Jenny Ikari Design June 2, 2013 at 7:09 am #

    Thank you for the info on this Plugin! I was looking for one that added the “Pin it” button over photos and never could find it!

    • Kay June 2, 2013 at 9:58 am #

      I’m glad I could help.

  3. Jayme July 9, 2013 at 1:25 pm #

    This is awesome!!! Thanks so much! Well done, guys!

    • Kay July 9, 2013 at 3:31 pm #

      You’re welcome Jayme. I like the custom ‘Pin it’ button you used on the website.

  4. Lori @ A Bright and Beautiful Life July 29, 2013 at 11:32 pm #

    How did I miss this post??? I just looked at the date and the reason is because I was out of town. I am definitely going to try to add one of your pin it buttons to my site. Thanks tons and tons. I’m always amazed by your posts and photos.

    • Kay July 30, 2013 at 10:43 am #

      Can’t wait to see it on your website.

Leave a Reply