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="//scripts.mediavine.com/assets/100x200.png" alt="" data-pin-media="INSERT IMAGE 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 “INSERT IMAGE 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 data-pin-media-” ” 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="//scripts.mediavine.com/assets/100x200.png" alt="" data-pin-media="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 ♡

8 Comments

  1. 22nd February 2019 / 9:21 pm

    This is so clever! Thank you for sharing!! I need to add Pinterest graphics to all my posts and I’ve been putting it off for so long… it’s going to take me weeks.

    And also, I’m so proud of you coding!!

    Aycan // http://www.littlewhitesocks.com

    • Laura
      Author
      25th February 2019 / 4:06 pm

      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

  2. 25th February 2019 / 1:01 pm

    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!

    • Laura
      Author
      25th February 2019 / 4:07 pm

      Wish I’d know about it sooner, for sure! Hopefully, it will help someone else too! Thanks for commenting.

      Laura xx

  3. 26th February 2019 / 11:09 am

    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

    • Laura
      Author
      5th March 2019 / 12:35 pm

      You and me both, wish I’d of known sooner! Glad to help xx

  4. 6th March 2019 / 5:02 pm

    Hi dear,
    You have created a beautiful site and I also read some of your nice posts. These are very interesting and useful for all. You have also selected very nice content. I think people would be benefited to read your contents.

    I have also a blog. Here, I am leaving my blog link below for you, must visit my Blog and leave a nice comment with your site/blog/post link. Because, if you place a comment with your link, I will visit your site in response.

    Wish your good luck.
    Thanks
    Click here to visit my blog