How to Hide Pinterest Pins in your Blog Post – 5 Simple Step Tutorial

*This post may contain affiliate links, which means I may receive a small commission, at no cost to you, if you make a purchase through a link!*

To hide Pinterest pins in your blog post can be a very useful little strategy if you are creating multiple pins per blog post or if the pin design is effective but does not suit your blog branding.

There is a very easy trick to hide Pinterest pins in your blog posts using HTML, so if you are using WordPress or any other blog where you can add code to your site you will be victorious 🤩🏆

So, let’s dig into this short tutorial on how to hide your Pinterest Pins in no time!

Step 1: Create your Pinterest Pin

Personally, I am using Canva to create gorgeous Pin images such as the one below:

How to Hide Pinterest Pins on your Blog

Step 2: Upload your Pin to your Media Library

Head to your new blog posts > Add Media > press Upload

How to Hide Pinterest Pins on your Blog

Step 3: Add the pin to your post

Press add Media > Choose your Pin > Press “Insert into Post”

Step 4: Switch to HTML Code

In the right corner of your editor, you can switch from the visual view to a text view.

How to Hide Pinterest Pins on your Blog

  • Visual is the view which makes it easy to write a post in WordPress and it’s how the post will be displayed once its published.
  • Text view shows the HTML code of your blog post content.

This is an example of how an image is displayed in HTML:

How to Hide Pinterest Pins on your Blog

-> Pro Tip. Highlight the piece of content you want to find in your visual editor, then switch to the text editor and it will appear highlighted in your text editor as well. If you have a bunch of text, images, and code going on, this will make it easier to find the correct piece of code!

Step 5: Insert the small code snippets

To hide a pin in your blog post, please highlight the image in visual mode, then switch to text mode to identify the correct piece of HTML code for that pin.

Add the following code to the beginning of your image code (no blank):

<div style=”display: none;”>

Add the following code at the end of your image code (no blank):

</div>

Here is how your pin code should look like before and after:

How to Hide Pinterest Pins on your Blog

After you have finished adding these shortcode pieces to your image code please switch back to your visual view and check if it worked.

Your pin should be hidden and not show anymore. Please go ahead and press your “Pin it” button from your Pinterest Chrome extension or your Social Sharing Buttons to test if the pin appears when you want to share it.

Bravo, my friend that’s it!

To hide Pinterest images is really simple once you figured out the technical details and I love doing it especially when I create multiple pin images for blog posts.

As we never really know which pin will resonate the most with our audience it can absolutely make sense to create multiple pins and then track which one performs best.

Here are some additional pro tips:

-> Extra Pro Tip: I am using a free Tool called TinyPng to reduce the size of my images everytime before I upload them to WordPress. This will keep your Blog small and it’s also an SEO factor.

-> Extra Pro Tip: I am using Shortpixel to optimize my images once they are uploaded to my WordPress Blog. In order for your site to be optimized for SEO (Search Engine Optimization), your site must load fast. Even though it’s just one factor, image size matters in the loading time of your site. Shortpixel compresses your image and improves your website performance by reducing the image size. Sounds complicated, I know but it’s a MUST, FULLSTOP!

-> For more helpful Blogging Tools, please head over to the Resources Page HERE!

Other related Pinterest posts:

Leave me a comment if you have any question and I would love you to share the post on your social media if it helped you. It means a lot!

xx Katie

2019-01-21T11:19:59+00:00

Blogger Resources I love and recommend using!

Siteground: My Hosting of choice, Siteground, is the easiest, most budget-friendly and amazing Host for building and growing your Blog and audience. Personally, I am using the GoGeek Plan, but you can get hosting and domain for as little as $3.95/month. Also, if you want to switch from your current Host to Siteground (which is what I did), a free migration is included in the two more expensive plans. They literally do everything for you, you don’t lift a finger. Loved it! Read more on "How to create a WordPress Blog with Siteground" here.

Tailwind: The Pinterest Scheduler I use on a daily basis to grow my Monthly Views to over 600K is Tailwind. Read more on "How to use Tailwind to Skyrocket your Blog Traffic" here!

ConvertKit: Email Marketing is so important to growing a Community and creating a Sales Funnel for the products you are selling as a Blogger! I use ConvertKit to connect to my Subscribers! Check out "How to gain Blog Subscribers" here!

ShareASale: If you are looking for an amazing and easy to use Affiliate Network, I would recommend ShareASale! It's so easy to use and perfect for every Blogger Niche! Check it out here!