I have been, or can be if you click on a link and make a purchase, compensated via a cash payment, gift, or something else of value for writing this post. As an Amazon Associate, I earn from qualifying purchases. Please read my full Affiliate Disclosure for more information.
Learn how to hide Pinterest pins (Even if you are using Gutenberg!)
If you have been killing yourself trying to figure out how to hide Pinterest images in your blog posts – I’ve got the solution for you! (This is going to be a really quick post! I just have to share RIGHT NOW!)
When I started out blogging, I found out really quickly that hiding the extra graphics for future pinning or sharing within your post was the cat’s “meow”.
Doing this made sure that your post wasn’t all clogged up with your hopefully-to-be-scheduled-the-near-future pins and that it stayed clean and uncluttered.
I did a bit of research and found some easy-to-insert HTML code that I could add to the beginning and end of the code for the pins I wanted to hide and PRESTO – hidden pins.
The catch? It was all done in the classic version of WordPress.
I should point out here that I know ABSOLUTELY ZILTCH about HTML and coding.
Hiding Pin Images on Gutenberg Editor for WordPress
I loved the new Gutenberg Editor! Blocks, simplicity – it had all the conveniences. And, I was a newbie blogger and the classic mode wasn’t necessarily “stuck” on me.
The only problem. And let me tell you, it was a big one. No matter what I tried, I could not get my graphics to hide the way I had learned in the classic editor.
I tried over and over to add in the code that promised me that my graphics would hide away in Classic mode but nothing would work when I tried. I did
Back to the Drawing Board on Hiding Pinterest Images
Every other blogger I have talked to is scared to transition. I have asked around in Facebook groups and search on Google. There are no answers (that I can find anyway). Either this is a really big secret or no one really knows how.
And totally I can see why bloggers are afraid to take the leap over to Gutenberg. JUST BECAUSE OF THIS ISSUE! Pinterest is how the majority of bloggers get their material out there. There is no time to deal with things not working- we are busy enough.
So.. today I got an email from a fellow blogger trying out my batch blog content mini challenge and she asked how to hide her images.
So, I got home and did what I thought was natural. I poured a glass of wine and stared at the HTML. I’ll be honest here. I was kinda hoping it would magically appear, I guess.
If you are looking to amp up your Pinterest game, check out a review I did on the Pinterest Ninja
The Secret to Hiding Pins is Realised!
All of a sudden, it came to me- it was different. The code I added in the Classic editor came before some other code that looked like it may be an image and after something that made it seem like a picture. (This is as technical as I can get on this one). (Told ya I’m not tech-smart lol)
All I needed to do was remove the “block” code that was added in before and after the image code too. VOILA! Pins are now hidden!!
I can’t believe I didn’t figure this out sooner!!
And now I am writing this post in warp speed and my fingers feel like they are going to fall off because I feel for the thousands of other bloggers who just couldn’t get it and need HELP!
It’s here!! This is how to hide your Pinterest images in WordPress!!
You’ll have to change your post to “Code Editor” by clicking on the horizontal dots on the top right-hand side in WordPress. Then find your pin graphic code and insert (before “<img”): <div style=”display:none;”>. Then, at the end of the HTML for the picture: </div>
Once you’re done, the code should look like this with the new code in bold: <div style=”display:none;”><img src=”https://everydayshessparkling.com/wp-content/uploads/2018/09/Pinterest-Template-4.jpg” rel=”colorbox” class=”colorbox” alt=”The secret to hiding Pinterest Pins in your blog posts! This will work if you are using either the Classic or the Gutenberg editor in WordPress! Includes step-by-step video instructions. Includes step-by-step video instructions. #Pinterset #Howto #Gutenberg” class=”wp-image-1708″></div>
PRO TIP: Make sure to manually edit the code instead of copying and pasting the code I put here or it may not work. I have found that when copying and pasting, WordPress flips the quotes around and it breaks the HTML.
Notice the bits of code that were in there that showed code for the block editor have been removed. That was exactly the part I was missing.
If you’ve worked with this before in Classic mode, you’ll notice it’s the same code as before, you just have to remove the block coding before the image coding to make it work. TAAADAAAAA!
And THAT.. Deserves an extra glass of vino.
Here’s a video I made explaining it in case you learn better by seeing…
Learn why you shouldn’t use alt text for your Pinterest pin descriptions and what to do instead.
Happy Pinning Everyone!!!
Thank you so much!!!!! I have been looking for info for a while now!
Very helpful post, thank you.
Cheers!
You are so welcome, Christie! Thank you for the great feedback 😉
I am following your directions over and over again and it’s not working! The image is still showing up. ?
In gutenberg?
Sadly I cannot make this work. I really hope wordpress sorts this out!
Did you try the instructions and it still wouldn’t work? Let me know and I will have a look for you 😉
I followed your instructions in Gutenberg and I can confirm it definitely doesn’t work…
I’ve used it many times… are you making sure that you aren’t copying and pasting the code? Sometimes it turns the quotes the wrong direction.
Hello, thank you so much, this did work to hide the image! However, I can’t for the life of me, figure out why no social share buttons that I try will pick up on the hidden image. Do you know why the hidden image won’t show when I try to pin it with different social share buttons? I’ve tried all of the popular social share plugins, but can’t get the hidden images to show. Only the visible pictures will show up when trying to pin the article. Thank you!
Hi Ashley! I did have some trouble at one point with Tailwind trying to pick up my hidden pins. I believe I contacted them directly and they gave me some code to be able to scrape my site properly. I wonder if the same might be happening to you?
Gah! You are amazing! I have spent 3 days trying to figure this out and right before I was about to throw my computer at the wall, I found you post! Thank you so much!
Hahaha! You’re welcome! I remember the frustration like it was yesterday lol. Glad I could help. Cheers! 🙂
Nice content, thanks for share that. I’ll share it
to my facebook page 🙂
Thank you, Rehau! And thank you for sharing with your audience :). Hope it helped you to figure out how to hide those extra images!
We are having trouble with this. In your video, after replacing the code, your box says it’s been edited externally. However, when we do it, it says This block contains unexpected or invalid content and converts it back to the original figure code.
Here is the code we inserted:
Only thing I can think is maybe it’s because we’re only paying for Personal at this time. Maybe we need to upgrade to be able to make those edits?
So question: what is the benefit of hiding your pins, other than not clogging up your post?
Right now, I create and post my pins through Canva. I am making folders for each post so I can keep up with what I have done. Then post directly to Pinterest from there.
I’m wondering how its different??