How to Hide Vertical Pins on Your Blog Post
Have you ever tried to Pin a blog post for later – and then find that when you click on the Pinterest icon, there are other images you can choose from? Ever wonder how to do it? I can show you how!
Note: This post contains affiliate links. This means that if you click through and make a purchase, I will get a commission which helps me to keep this blog up and running. Apart from the actual cost of the product, this comes at no additional cost to you – I promise. See my full disclosure HERE.
Why Hide Your Pin Images
First, let’s talk about why you should hide your pin images in your blog.
Having too many images within your blog post can be very distracting – particularly when your reader is scrolling on a smartphone. It takes up the whole screen. But you need those images, because this gives your readers options to choose from when pinning to save your post for later.
Related Posts: Blogging for Beginners: An Honest Guide
Related Posts: 5 Things You Should Do Before Quitting Your 9-5 Job
Related Posts: How to Start A Freelance Writing Business
Studies have shown that vertical pins ie, tall images, outperform horizontal pins.
Pinner behavior has shown that they prefer vertical pins, without really knowing it, because they get to see more of the image. Always remember that Pinterest is a visual search engine, so you’ve got to make your images visually appealing and with a font that stands out and is easy to read.
Try it for yourself – scroll through Pinterest on your smartphone. Which pins do you find yourself attracted to?
Now, if you use Canva (which I do), you’ll find that there is already a Pinterest template that you can use. It is preset at 736 pixels in width by 1103 pixels in height. You can however custom your image to a size that you prefer to work with, bearing in mind that the best performing pin sizes are from 736 pixels in width up to a maximum of 2061 pixels in height.
How to Hide Vertical Images In Your Post
Before going into the step by step, I wanted to tell you about an eBook/Course that I purchased. It’s called Pinteresting Strategies – written by Carly, over at Mommy On Purpose.
I truly loved Carly’s eBook, because it was full of real and actionable steps to get my Pinterest game on. She also helped me to understand that it’s not about the number of followers you have – believe me, that made me feel so much better! Head on over here to see how it helped me with my success to date.
Okay, so here’s how it goes – assuming you have already created the images you would like to hide.
Step One | At the very end of your post, insert your image as you would normally, only this time, do so using the Text View.
This is what your image code will look like:
Step Two | Now we do a bit of simple coding.
At the very beginning of the image code, insert the following text:
And at the very end of the image, insert the following text:
This is what your code should now look like:
So what you’ve basically done is:
OKAY – are you still with me? Awesome!
Step Three | Revert to your Visual View (as opposed to Text View), and check out what you’ve done. You should not see your image in the post.
Step Four | Do the same (Steps 1-3) with all the other images you’ve created, and that you would like hidden. It is recommended that you have at least two images hidden, so that you can perform some A/B testing (which really only means, testing which of the two images perform better for you).
Step Five | Now you can go ahead and publish your post! When someone goes to Pin your post, they will be presented with the images that you have hidden.
Why Isn’t It Working For Me?
Okay, so if the steps above aren’t working for you, it is likely that you have typed the code incorrectly.
Goodness knows, it took me soooo many times to get it right! I was getting so frustrated. I didn’t realize that my error was all because of one teeny tiny mistake! Oops!
So… just in case you do end up making the same mistake that I did… don’t get frustrated (like I did), instead…
- Check to see that you have typed the code in correctly as <div style=”display:none;”><YOUR_IMAGE></div>. Note that the punctuation after the word NONE is a semi-colon, not a colon like after the word DISPLAY. (That was my little but big mistake!)
- OR – Copy and paste the code to avoid errors. Beginning <div style=”display:none;”> and End </div>
How’d that go for you? All good? Now you can start hiding some pin images into your blog post!
Now, remember, if you need more Pinterest tips, make sure you get Pinteresting Strategies. It’s affordable, and you won’t regret it. I certainly didn’t! I still keep referring back to it.
If you’re new to blogging, I would truly recommend How to Blog for Profit Without Selling Your Soul. It’s written by Ruth Soukup, who own the Elite Blog Academy. I love how she teaches. She’s so relatable and she really goes into the importance of foundation learning.
Happy image hiding, mamas! xoxo