How to hide Pinterest images in a Squarespace blog post

 
How to hide Pinterest images in a Squarespace blog post.jpg

If you’re creating content on a blog and want to take your Pinterest strategy game to the next level, having multiple pinnable images within your blog posts can be a very good idea!

Why would you want to hide additional Pinterest images within your post, you ask?

Maybe it’s that you have a veryyy long image that would look funny in your post, but would be great for Pinterest. Or maybe you have a few different pin designs you use. Or maybe you’ve created a whole new set of Pinterest images that are super noticeable and bright to make Pinterest happy, but they don’t necessarily fit the aesthetic of your site.

These 3 reasons are all totally valid and necessitate having Pinterest images ‘hidden’ within your posts.

How exactly is the image hidden? When does it appear?

This tutorial will show you how to add additional Pinterest images to your blog posts so that they don’t appear normally when someone is reading a post, but they do appear when someone uses their Pinterest Save Button browser extension.

To see hidden Pinterest images in action: If you don’t have it, get the Pinterest Save Button extension for your browser (the Google Chrome one is here) and then click the Pin It button. You’ll see the images appear! (And then don’t forget to pin them of course! 😉)

I was recently searching for the steps on how this is done with Squarespace and I remember watching a tutorial on this a couple years back which has now gone missing, so I figured if I wanted the steps handy in a blog post, others would too! So let’s get into it shall we?!


The steps to hide Pinterest images in your Squarespace post:

You can sign up for a free trial of Squarespace here and I also got ya a little off the price, use code PAIGE10 for 10% off your first year. (Yes, that's an affiliate link!)

  • Step 1: Optimize (SEO & adjust the size) of your new Pinterest images for your blog post (this post helps with that if you’re unfamiliar)

  • Step 2: (You only have to do this the first time you add hidden images to a post!) Add a new page to your Squarespace site in the not linked section

  • Step 3: Add an image block(s) to your new page with your new Pinterest images

  • Step 4: Open the new page in a new tab

  • Step 5: Right click on the image. Click ‘copy image address’. Paste the image addresses somewhere you can easily access it in a few moments (in a notes app or doc).

  • Step 6: Add a code block to the post you want your hidden images in (It can be anywhere in the post, it’s location in the post doesn’t matter)

  • Step 7: Adjust the following code, so your image address is in the place where it says IMAGE ADDRESS GOES HERE (yes, the address goes into the code block twice)


hiding pinterest image in a squarespace blog CODE

<div style="display:none">

<a href="IMAGE ADDRESS GOES HERE"><img src="IMAGE ADDRESS GOES HERE" border=0 alt="this is the alt text"/></a>

</div>


  • Step 8: Copy your adjusted code and paste it into your code block

  • Step 9: Save your blog post


To test it’s working, open up your published post in a new tab, and either click the share buttons at the bottom of the post, or on our Pinterest Save button.

To do this same thing with future blog posts, repeat the same steps but skip step 2! You don’t need to add a new page for the images for every new blog post, just go back to the same page you used before for step 3 and add your images to the same page.

And of course, if this post was helpful to you, please share some gratitude by pinning this post to your favorite board! It’s super appreciated!


You’ll also love . . .

this is the alt text
this is the alt text
this is the alt text
this is the alt text
this is the alt text