How to Hide Pin Images in Your Blog Posts + Get More Shares on Pinterest

I’m a Pinterest fangirl through and through. I scoured the Pinterest feed for hours upon hours when I was planning my wedding, having a baby, and starting my business. It led me to so many amazing ideas and blogs that I never would’ve known about otherwise.

If you’re not familiar with using Pinterest for your business, I’m going to let you in on some classified info right now >>> Pinterest is the best free resource for driving traffic to your blog and helping you to grow your biz.

WHY SHOULD BLOGGERS USE PINTEREST?

If you’re new to Pinterest, then let me give you a little rundown on how this whole thing works.

Pinterest is a search engine.

People search for things they need, and Pinterest brings up various pins related to their inquiry. Those pins often lead back to blog posts that provide solutions for the things they were searching for. If you’re a blogger, how awesome would it be if YOUR blog post popped up in the Pinterest feed when someone is searching for a solution to something?

Example: let’s say you’re a wedding blogger and you have a blog post about rustic wedding inspiration. When someone is searching for rustic wedding ideas on Pinterest, your blog post pops up and leads them back to your website. Now you have a new reader and a potential follower/client. Boom-baby!

Here's how to hide pin images in your blog posts and get more repins on Pinterest

Need help uploading your blog posts to Pinterest? >> CHECK OUT THIS EASY TUTORIAL <<

If you want to gain blog traffic and loyal readers from Pinterest, you need to do a few basic things. You need to set up a Pinterest business account, enable rich pins, create attractive pinnable images, and share those images on Pinterest. This is the only way for people to FIND your blog posts on Pinterest.

If you want your pins (and your blog posts) to reach a wider audience, you also need to get OTHER PEOPLE to share your pins too.

How do you get other people to share your pins with their audience?

1.You scatter pins all over the Pinterest feed, using SEO, group boards, and Tailwind Tribes. This way, people can find your pins and repin them to their own boards.

2.You can place shareable pin images in your blog posts, so that people can save your pins to their Pinterest board directly from your website.

The best way to make your blog posts extra-super-duper shareable on Pinterest is to create several pins for each blog post and place them within your blog posts so that people can save your blog post for later.

Web Hosting

WHY HIDE PIN IMAGES IN YOUR BLOG POSTS?

Every blog article that you write should have a Pinterest-friendly image somewhere in there. That way, if someone wants to save that article for later or share that article on Pinterest, they have a pinnable image to go along with it.

You can’t share blog articles on Pinterest without a pin image, so if you want your readers to share your stuff on Pinterest, you need pin images in your blog posts.

I create my Pinterest graphics in Canva. It’s free and easy to create them, and they have a specific template that is the perfect size for Pinterest pins. I create 5-7 Pinterest graphics for every single blog post.

Why would you want to hide pin images in your blog posts?
  1. The best performing Pinterest graphics are vertical images, meaning they are long images that take up a lot of space in your blog posts. How annoying is it when you have to scroll past a bunch of images just to read something? It’s super annoying. Even if you put your 5-7 pin images at the end of your article, it’s still a cluttered and distracting mess. Yes, I’m the typical TYPE A girl that likes me blog articles to look CLEAN and ORGANIZED.
  2. You’ll get more shares if you give your reader options. Give them multiple pin images to choose from and they are more likely to select the pin image that THEY like. Your readers are also more likely to remember a pin image that THEY selected and pinned to a specific board.
  3. Multiple pin images is great for split-testing. I use a few different colors, images, and fonts when I create my pin images. When you go into your Pinterest account and check your analytics, you’ll be able to see which pins are performing well. MAKE MORE OF THOSE!

Your readers are telling you what they want from you. Listen to them.

HOW TO HIDE PIN IMAGES IN YOUR BLOG POSTS

When you hide pin images in your blog posts, your readers won’t be able to see them when they’re reading, but they will have the option to select one of those images when they save your blog post on one of their Pinterest boards!

And it’s actually super easy to hide pin images in your blog posts, once you know what to do.

First of all, you’ll want to have several pin images in your media library in your WordPress dashboard. Create your pin images, download them to your computer, and then upload them to your media library.

When you’ve done this, you’ll scroll to the bottom of your blog post, and click on the TEXT tab in the top right. It looks like this.

Here's how to hide pin images in your blog posts

At the very bottom of your blog post, after all of the text, you are going to type this code. It is super important that you type it out, by hand, exactly as you see it here.

<div style=”display: none;”>

It is important that this code comes AFTER any text in your blog post, but BEFORE the images that you want to hide.

Now, you’ll open up your media library and add all of the pin images that you want to hide in the bottom of this blog post. Hide AS MANY PIN IMAGES AS YOU WANT! Once the image code is added to your post, it will look like this:

How to hide pins images in your blog post (easy step-by-step guide) .

Then, move your curser to the end of the image code and add this code to the very bottom of your post:

</div>

Again, it is super important that you type these words and symbols out by hand. If you try to copy/paste, you will more than likely deal with errors (I learned this the hard way)!

And as a quick recap, this code comes before your image tag: <div style=”display: none;”> and this code comes after: </div>

Everything that sits between these two codes will be hidden from your reader’s view!

IF IT DOESN’T WORK

You’ll be able to test and make sure that it worked by switching your editor back to the visual tab (this is the way your readers will view your content). It will look like this, and the pins should be invisible:

Hide pins in your blog posts (visual text)

Let’s say that you followed my steps exactly and it didn’t work. Your pin images are still showing up on the text tab.

Now what?

Sometimes, WordPress has a goofy glitch, and it adds an extra set of quotation marks into the code. This usually happens when you try to copy/paste the code from an outside source (like this blog post). Make sure you do these two things:

  1. Type it out every time, don’t copy and paste.
  2. Switch to Visual View in the editor and then back to Text View and make sure that WordPress didn’t mysteriously add an extra set of quote marks between your equal sign and your opening quotation marks in the first string of code. If there are two sets of quotes, like this, then remove one of them, and preview it again: <div style= “”display: none;”> That extra quote mark after the equal sign is NO BUENO.

PUTTING IT ALL TOGETHER

Let’s wrap it up like a rolled taco and make sure that everyone walks away with the important message: Pinterest rocks and you should be using it for your blog.

You should be making multiple pin images for every single blog post and using them to split-test what gets the most repins.

And you can hide 5-7 pins at the end of your blog posts to keep your blog posts clean and organized and give your reader several options for pinning your content.

List of Pinterest Group Boards You Can Join

Did you enjoy this article?! Please share with your fellow bloggers to save them the hassle of learning this trick the hard way!

 

Here's how to hide pin images in your blog posts and get more repins on Pinterest Here's how to hide pin images in your blog posts and get more repins on Pinterest

Here's how to hide pin images in your blog posts and get more repins on Pinterest

Here's how to hide pin images in your blog posts and get more repins on Pinterest

Here's how to hide pin images in your blog posts and get more repins on Pinterest

7 Comments

  1. Sasha

    August 18, 2018 at 1:37 am

    I wonder if my copy/paste is the reason its glitching in Gutenberg??? I’ll have to give it another try!

    1. Cate

      August 29, 2018 at 9:23 pm

      I’m not using Gutenberg yet but I notice anytime I did copy/paste, it always messed up my coding.

  2. Maria @ Maria Merced VA

    September 3, 2018 at 7:34 pm

    This never works for me 🙁 The code that does work for me is when I write it this way:
    PASTE IMG CODE HERE
    It’s more work, but it gets the job done…. Great post! 😀

  3. Maria

    September 4, 2018 at 2:46 am

    OMG! Earlier I had told you that I was trying to do it your way, and it was not working, so I did a post, where I tried it again, and it FINALLY WORKED!!! Thanks!

    1. Cate

      September 6, 2018 at 7:33 pm

      I’m so glad it worked!

  4. Luisa

    November 18, 2018 at 5:57 am

    Do you have any idea what is the next step after you get apporved by rich pins? I am creating the images and all, I even have the pin me hover avatar created but I just don’t know how to add it to the images on my blogs

    1. Cate

      November 19, 2018 at 6:42 am

      You’ll add the images to your blog through the “add media” button in WordPress. You create your own pin images (through software like Canva or Photoshop), download them onto your computer, and then upload them to your blog.

Leave a Reply

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