Top
Follow Me On Social Media

How To Add an Invisible Pinterest Image

Pinterest is a huge source of traffic for many bloggers, and to get the most out of it, you need a Pinterest Specific Graphic to catch peoples attention and draw them to your site. I was trying to incorporate those images into my blogs so they could be pinned and shared, but they often looked out of place. I didn’t really like them IN my blog posts. But what can you do?

A lot of people may already know this little hack, but I only found out about it recently and it has been so helpful! I should note it only works with Pinterest extension in Chrome. It won’t work with a regular Pinterest share button, unfortunately. But swings and roundabouts aye?

Here’s what you need to do

Simply copy and paste the following code into the top of your blog post. That way it’ll be one of the first images the extension picks up and will be obvious to your sharer on which image to pin. If you don’t already have the Pinterest extension on chrome, click [ this link ] to install it.

< div style="display: none;"><img src="IMAGE LINK HERE"/>< /div>

Make sure to take out the spaces after the “<” in the code. It won’t work otherwise, and putting those spaces in was the only way I could get the code to show for you guys.

Where it says “IMAGE LINK HERE”, that’s where you put your image link. If you’re like me and use WordPress, just upload your media as normal and copy and paste the link it produces into the correct section of the code.

Example below:

When you’re done placing it into your blog post (via the text tab section, not visual), your code should then look a little something like this:

< div style="display: none;"><img src="https://laurahasablog.co.uk/wp-content/uploads/Pinterest-3-1.png"/>< /div>

And you’re done!

It’s as simple as that. I’m a complete novice when it comes to coding and if I can do it, anyone can. I just thought this was a really useful tip to share and hope you guys found this helpful.  Let me know if you have any hidden tips or tricks up your sleeve!

There’s a hidden Pinterest graphic in this post so you can test it out for yourself. Hit the Pin button in your Google Chrome extension and you’ll find it appears, ready for you to share.

Until next time ♡

Comments

    • Hehehe, thank you! Thinking of doing a little course so I’m not completely clueless. There are loads available so I reckon it’s something I’ll do soon.

      Laura xx

  1. It took me forever to figure this out when I started blogging! It’s been so helpful though since I could never get my Pinterest images to flow properly in my posts either! Thanks so much for sharing!

  2. This is such a smart idea, Laura! I’ve only recently started adding Pinterest pins to each of my posts but didn’t realize there was a code to hide them instead! It’s really clever, Pinterest is something I am working on this year so posts like this are really helpful, thank you for sharing! <3 xx

    Bexa | http://www.hellobexa.com