How and why to hide pinnable images in your blog posts?

How to hide a pinnable image in your blog posts?

When you read someone’s blog post and you like it, the next thing you do is click the Pinterest save button because you want to save it to one of your Pinterest boards. Then, on the screen, you notice images you didn’t see in the blog post.

Whether you are at the beginning of your blogging journey or have been working on it for a while, you must have heard that for each of your blog posts you should have a few pinnable images.
I believe you are trying to make great pinnable images that will represent the topic you were writing about.

What is a pinnable image?

A pinnable image is, in most cases, a vertical image representing your blog post and the topic you covered. It can be squared or horizontal image, but for Pinterest use, it is mostly vertical.
A pinnable image should arous curiosity that your audience would want to click on it and find out what is behind the image and what you have to say about a particular topic.

How many pinnable images the post should contain?

The answer to this question varies from blogger to blogger. There is no right or wrong answer, but you should listen to different recommendations and decide what works best for you.
I like to create 2 to 3 pinnable images for each blog post. Each has it’s own headline, image and pin description. It is important to me that the style of each pinnable image is different so that you can reach a wider audince.
You can try to create a bright pinnable image, a dark one, and a colorful one and see which performs best.
Some blogers create as many as 5 images, so it’s up to you how many you will create.

TIP: You will need to go back from time to time and see how your blog posts and old pins perform. Then, you will create a new pinnable image for your old blog post and share it on Pinterest. This is considered new content on Pinterest. So when you don’t have time to write a new blog post, you should upload a new pin.

What you shouldn’t do with your pinnable images?

Once you’ve created your blog post images, the next step is uploading them to your WordPress post. It is really simple, you just have to click on the Add Media button and upload it.
There is one thing you shouldn’t do!
And that means…you shouldn’t add all your pinnable images to your blog post to be visible.
Because your blog post will be crowded, and you want the content to have its flow and not to be interrupted with more pinnable images.
Instead of the pinnable image, you can insert a nice picture related to the content you are writing about in the blog post.
Pinnable images are intended to reach an audience and to gain you more traffic because of their appearance. It is their real purpose.
Now we have come to the next question…

Why you should hide your pinnable images?

It is a great way to let your audience to choose which one they prefer better and which one they will save.
Maybe someone likes only white and bright pinnable images with the detail in the picture, so that part of your audience will save your brightly colored image.
The other part of your audience prefers colorful images, so they will save that image to their Pinterest boards.

That is the reason why you should have multiple pinnable images in your blog posts so your audience can decide which one they preffer more.
This is called an A/B testing of your pins so you can see which of your pins are better to your audience.

How to hide the pinnable images in the blog post?

It is easy. You just need to insert the right code and you are done.
Don’t be affraid of the word “code”. 🙂
I promise that you will be able to do this in one minute and that you will feel proud of yourself when you open your blog post and see your hidden images after clicking the Pinterest save button.

First, you need to go to the Text editor (I do this within the Elementor plugin).
text editor in WordPress
Click where you want your pinnable image to be placed within the text.

Insert the following code:

the code for hidden images

Let’s explain the code.

first part of a code

– this is the first part of a code, and it has to be placed in front of the image code.

second part of a code

– this is the second part of the code, and it has to be placed behind the image code.

Be sure to copy this code exactly as it is, so that code will work.

the code to hide an image

What to do next?

After inserting the code, you need to click in between and go to “Add Media” button to insert the image.
Then add Alt text to your image and insert the data pin description. Here you need to use keywords related to the topic, so you have a better chance to rank higher in searches.

Benefits of using hidden images.

  • your audience has multiple pin options to choose from
  • it is a great way to promote your blog
  • by having the different pin styles, you are reaching to a wider audience
  • you have the ability to increase and gain more traffic
  • it gives your audience a choice
  • your audience can save and repin different pins that lead to the same blog post URL
  • you can do A/B testing of your pins to know which one performs better
  • it gives you the ability to add fresh pins to your older blog posts
  • those hidden images are extra graphics that can help you to get more page views.

My secret to adding the pinnable images to a blog post.

Like I said earlier, I create 2-3 pinnable images for one blog post.
One image that everyone can see is at the top of the blog post, and the other 2 images are placed at the end of the text and are hidden. That way I know exactly where are pinnable images in every blog post and it doesn’t take me long to find them.


It is a good idea to offer your audience more pinnable images in your blog post, so they can choose the one they like the most. That way, you can reach a wider audience, which can affect gaining new followers and increasing blog traffic.
So, to summarize…

  • Create at least 2-3 pinnable images per blog post
  • Insert one of these at the top of the blog post
  • Insert other images that will be hidden at the end of the blog post
  • Add a code to hide the pinnable images at the bottom of the blog post
  • Remember to add alt text and a data pin description for each of your pinnable images.

If you have your own way on how to hide images in the blog post, you can share it in the comments below.

I recommend you to save this post for later, so you can get back any time and copy and paste the code when needed.

Get more traffic using hidden images
get more traffic with hidden images
increase your page views with hidden images

You may also like

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close Menu