Learn how to create hidden Pinterest images in your blog posts with this easy to follow tutorial!
Create hidden Pinterest images when you want to offer a variety of pinnable options for your readers but don’t want to take up more space within your post for multiple extra large images.
Affiliate links may be used in this post. If you click on one and make a purchase, I may receive a small percentage at no extra cost to you. Read my full disclosure policy here.
Because I create many image driven step-by-step tutorials, pictures fill my posts. I don’t always like to add an additional pinnable image viewable within the post because I think it can look cluttered and not as streamlined as I’d like. However, I want to give my readers the option of pinning striking images that best represent the post topic. If they don’t have creative, attractive options, they’re not as likely to pin.
I’ve seen food and fashion bloggers who do lots of roundups create long collages for pinning and hide them so readers have more options for pinning. Whatever your niche, knowing how to hide images for Pinterest can definitely come in handy.
Wondering how? It’s easy to do! All it takes is a tiny bit of code. Now, don’t panic at the mention of code. I’ll show you exactly what to do and help you if you have trouble!
Here’s how to create hidden Pinterest images:
1. Add your pinnable images to your post. Do this just like you would with any image by uploading them to your Media and then using Add Media.
2. Click on the Text view tab for your post.
3. Find the image code for the image(s) you want to hide and add the following – <div style=”display:none”>
4. At the end of the image code, close the code by adding this – </div>
Here’s a video showing just exactly how these steps work:
Very helpful! Thanks!
I’m so glad you found it helpful!
Great. I’ve wanted to know how to do this very thing! I pinned it to my blogging board on Pinterest. Thanks!
Wonderful! Hope it helps!
Thanks, I’ve been trying to figure out how to do this!
Super! So glad to help!
I have wondered how bloggers do this and wanted to know how I could do it too. This is a great – and easy explanation. Pinning in case I forget!
Thanks so much! I’m so glad it’s helpful to you!
So simple! Thanks for sharing, I’ll definitely be using this!
I’m so glad you found it helpful!
I have used this and it’s easy to use, just be aware that these images MIGHT show up in people’s RSS feed reader, or if you send it out to people via e-mail it could show up even if it looks invisible in the browser…
Oh, thank you so much for this info. Good to know!
Hi,
the code works in hiding the image. But then I will not find images in the selection to pin.
Any idea how to fix this??
Thanks
Fadeela
Hi Fadeela,
What share buttons do you use? You should just be able to click the Pin button and have your hidden image show up in your selection. After typing in the code, be sure to add the closing tag, too, and then save or update your post. If you don’t find it after refreshing and giving that Pin share button a try again, please send a screenshot of your text editor/hidden image code to me to julie(at)techgramma.com. I don’t need to see the whole editor, just the part where you put in the code. I will be happy to help you troubleshoot!! Please let me know. <3
Thank you Julie for your quick and kind response!
I use the Add to any Sharing Plugin. Do you suggest a different one that maybe works better?
Yes, I included closing tag and the code does work in hiding the image. It’s only not in the selection of images to pin.
Best wishes
Fadeela
Sorry, I think I was to impatient. They do turn up now as I tried in Chrome.
Sorry I bothered you! All is fine. 🙂 Thanks for sharing!
So glad they are working!! Yay!!