How to Put Hidden Vertical Pins in Your Blog Post

how-to-put-secret-vertical-pins-in-your-blog-post

Once I figured out this genius Pinterest hack, it was a game-changer for my blog. Today I am going to show you how to put hidden vertical images, ready for Pinterest. in your blog post.

On my blog, I like a mix of horizontal and vertical images, but unfortunately, horizontal images do not perform well when pinned to Pinterest.

I also like to have a few “Pinterest-friendly” images that provide a call to action to my post.

Instead of having multiple images, ready for Pinterest, living in my blog post, I have hidden these images in the post.

For example, here is an image that I have hidden on a post about LipSense.

I have made this image “invisible” but it shows up when someone clicks on their Pinterest extension on my website!

Here’s how to put hidden vertical Pins in your blog post

Here’s the secret code

<div style=”display: none;”>ADD YOUR IMAGE URL RIGHT HERE</div>


Step by step instructions

1. Create a long, vertical pin using Photoshop, Picmonkey, or Canva with 2:3 aspect ratio. The minimum width for a pin is 600 pixels and the maximum is 735 pixels.  I recommend 735 x 1102 pixel images.  These pins will be scaled to 238 pixels wide in the Pinterest main feed.

2. Upload the image to your media library in WordPress and insert the image at the top of your blog post. I do this so I can easily find the code.

3. In the HTML area, copy and paste the secret code below the image code.

4. Copy and paste the entire embedded image code and insert it into the area where it says “image code”.

5. Delete the above-embedded image code so all that is left is the secret hidden code.

6. Preview your blog post to check to see if the image is hidden.

7. Ta-da! Your secret pin is now hidden on your blog post. To share this pin on Pinterest, you have to install the Pinterest “pin it” extension to your Safari or Google Chrome browser.

 I recorded the step by step process here:

 

Looking for more blog tips and resources to help you grow your blog?

Join our newsletter to get instant access to worksheets, free downloads, and an eBook designed to help you get your blog off on the right foot.

* indicates required


SaveSave

Leave a Comment

31 Comments

  1. Really awesome tip!! So helpful!

    Posted 8.30.16 Reply
    • Lauren wrote:

      Thank you! Glad to help out another blogger 🙂

      Posted 8.30.16 Reply
  2. Tausha wrote:

    Holy NO FREAKING WAY!! Game changer!! Saving this for later!!

    Posted 8.31.16 Reply
    • Lauren wrote:

      BAHAHAHAHA, isn’t that the coolest?!!

      Posted 8.31.16 Reply
    • Lauren wrote:

      Also, I just added a video tutorial if that helps you understand the code!

      Posted 8.31.16 Reply
  3. jointhegossip wrote:

    Whaaaaat? Does this work on Blogger too? I’ll def have to try it!

    Posted 8.31.16 Reply
    • Lauren wrote:

      I am sure it does because it’s just code! I use WordPress so I have a media library compared to Blogger.

      Posted 8.31.16 Reply
  4. Nancy wrote:

    I still need to work this Pinterest-thing. I haven’t jumped in. It’s overwhelming lol.

    Posted 8.31.16 Reply
    • Lauren wrote:

      Let’s do a one-on-one tutorial one day!!

      Posted 8.31.16 Reply
  5. Kailei Pew wrote:

    This is awesome! Thank you so much for sharing! I will definitely be using this for my pinterest pins. I’ve been wondering how people get such great long pins without them appearing on the blog. This will be a game changer!

    Posted 8.31.16 Reply
    • Lauren wrote:

      I am so glad you found the tutorial helpful!!

      Posted 8.31.16 Reply
  6. Melissa wrote:

    Thanks for sharing. This is a great tip!

    Posted 8.31.16 Reply
    • Melissa wrote:

      Hi Lauren! So I tried this several times (and even watched the video) and after I replace image code with my image link and then move from text to visual the image is still there. Then, when I go back to text it has taken out …any idea why this might be happening?

      Posted 9.13.16 Reply
  7. Natasha wrote:

    What an awesome tip! I’m definitely bookmarking this post so that I can try it out this weekend. Thank you!

    Posted 8.31.16 Reply
  8. Lauren, thank you for sharing this little secret {code}. I have been wanting to add vertical images to my pins but it seemed like it’d be a lot of work by not being able to include it in my blog post somehow. This is perfect!

    Posted 9.1.16 Reply
  9. Thanks for sharing! I never knew this! 🙂

    Posted 9.1.16 Reply
  10. Tazim Damji wrote:

    This is such an awesome tip! I always create Pinterest images, but yeah – they’re a big long for blog posts! I’ll check out your tutorial video. 🙂

    Posted 9.1.16 Reply
  11. Katie Dahl wrote:

    So simple; thanks for sharing!!! I was wondering how to do that!

    Posted 9.1.16 Reply
  12. Mimi Rose wrote:

    Wow that’s a super cool trick! I’ve been loving Pinterest for my blog so this will be a great one to implement. 🙂

    Posted 9.1.16 Reply
  13. Lucy Tones wrote:

    This is really useful, thank you 🙂

    Posted 9.3.16 Reply
  14. This is so useful, I’m definitely saving it for later! I’m trying to get more traffic from Pinterest, so it’s perfect!

    Kirsten – http://www.thewanderingbrunette.com/

    Posted 9.6.16 Reply
  15. Amanda wrote:

    I’ve never been to your site before, but I will be back! You have some wonderful posts full of tips, tricks and info for bloggers. Thank you!!!

    Posted 5.11.18 Reply
  16. Emeline wrote:

    Super helpful! Thanks for this!

    Posted 5.11.18 Reply
  17. Samantha wrote:

    Always looking for Pinterest tips. This is awesome! Thanks for sharing!

    Posted 5.11.18 Reply
  18. Betsy wrote:

    I wonder if you can do this with Blogger?

    Posted 5.12.18 Reply
  19. Marissa wrote:

    No way! Game changer for sure! Pins are huge as images on the blog but it’s nice to hide them.

    Posted 5.12.18 Reply
  20. OK. This is probably the most useful blog I have read this month. Lol. Such great tips. Best part is how detailed your descriptions are. Thanks for sharing

    Posted 5.12.18 Reply
  21. Laura wrote:

    Why has this taken me so long to find out?! What a game changer, thank you!

    Laura ☆ http://www.laurahasablog.co.uk

    Posted 12.20.18 Reply
    • Lauren wrote:

      So happy to hear that this post helped you!

      Posted 12.21.18 Reply
  22. Ashley wrote:

    For some reason, I cannot get this to work! I put in the image and then do as you say and the picture still remains. I tried doing it several ways and sometimes when I click back over to visual it separates the image code and the code you used. I’d appreciate any help you may have!

    Posted 2.16.20 Reply