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

June 1, 2013

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}

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 …

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”.

⑨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 ⑧).