Pinterest is the second highest stream of traffic driving to your site, hence why it is extremely important to in-coorperate it to your site. But, it isn’t an easy task there is a lot that could go wrong, a lot of issues that can arise and you can be there for hours on end trying to find a solution. And, I figured if I share my process and issues I encountered along with my solutions to those problems, I will be able to help you save time by sharing my knowledge and ease your troubles when creating a site on your own.
Ps. I’m going to keep this short, simple and sweet to ease your troubles. Direct and straight to the point.
Download jQuery Pin It Button for Images. There are other plugins, but this was the one that worked for me, and the easiest. Keep in mind I use Elementor as a site developer, as it allows for LIVE customization and has varies additional features that are benefical, but should you not be using Elementor these instructions might not be of benefit to you, so keep that in mind, but I don’t know as I haven’t tried without them, so it might still work to resolve any problems you are having.
Once downloaded. Activate and select where and how you want the ‘Pin It’ button to appear. Customize the pages, posts, categories, tags in which the button is activated.
I selected pages, posts, and categories. But it is up to you where else you would like to in-cooperate it and where you want it located. So make your choices accordingly.
Create image(s) to Pin, be sure to create the appropriate sized image to share on Pinterest, I recommend using Canva. Canva is great for creating Pinterest size images. Create a free account and type in Pinterest into the search bar and it bring you to the appropriate sized image for a Pinterest graphic. From there design it as you wish, I like to include the name of the article, along with my site underneath, but it is totally up to you on how you would like to do it. Here two examples for you to view.
What’s most important is the image dimension, but if you use Canva, you will be able to select a Pinterest appropriate image size type pinterst into the search bar. And, then it is a matter for designing, downloading and adding it onto you site from there.
Disabling it where you don’t. For me, when I activate the plugin, it place the ‘Pint It’ button on my header imae and logo, something which I didn’t want so I had to turn it off and disable it. When I added to the CSS Class in the image as well as the JQuery Disable CSS Class selection it didn’t work.
So, what I did was added an additional code below into the image editor <.jpibfi_container img:not(.nopin img)>. By adding this, it will disable the ‘Pin It’ button from those images you wish it not to show and leaving it on the images you wish it to be included on. Just be sure to enter into the CSS Class of the images you wish the ‘Pin It’ button to not appear.
Preview and test. Save the images always and from there do a preview and see if there is a change if so, GREAT! If not, then I suggest research further, as you will find the solution to your problem. But, this is what worked for me!
Also, keep in mind there are all sorts of customization you can do with the button. This was just to teach you how to insert the button on the images you wish and those you don’t, without any complications,
Should you have any question or concerns let me know, as I may be capable of answer your questions.