Let me set the scene: you spend hours tapping up a brand new blog post, filled with lots of useful information. You upload the images, making sure they’re in the right places, giving the appropriate credit for each. And then you add internal and external links, fill out Yoast’s SEO box with all the essential SEO stuff, check your readability, throw in your ads, add your disclosure, and proofread in preview mode a bazillion times.
It all looks good, right? In fact, it all looks splendid. It just needs one final thing …
A Pinterest widget.
Here’s the reason why: The 2-Minute Pinterest Tip That’ll Boost Blog SEO.
So, you head over to Pinterest Developers, check out the tools and set the parameters so that everything looks fine and dandy. You paste the first lot of code into your blog post, and then the second bit, and then you clap your hands together in glee. The blog post is finally finished. That last-minute addition will round things up nicely. It’s time to press the publish button.
And then what happens?
There’s a big, blank, white space where your Pinterest box SHOULD be.
This used to happen to me all the damn time, and to be quite frank, it was pissing me off. I’d searched high and low for a way to resolve it — anything I could throw in the code to stop the Pinterest box from disappearing. Still, every blog post was the same — as soon as I’d press the publish button, save it as a draft, or even come out of the ‘text editor’ into ‘visual’, the damn thing would just disappear and leave that ugly, awkward, white space behind.
Just as a little disclaimer: my knowledge of coding is not exactly what I would call advanced. I’m in the middle of learning but I’m not finding it easy.
How to Stop Your Pinterest Widget Disappearing From Your WordPress Blog
I *DID* find a way to stop the Pinterest widget disappearing from my WordPress blog, as you can probably tell — there are Pinterest boxes in a large number of my posts. Honestly, the solution was so much simpler than I thought. I could have kicked myself. I would LOVE to give credit to the original problem solver, but I can’t remember who told me what to do. I’m sure it was someone on Twitter, but don’t quote me on that.
To whomever it was: THANK YOU!
Step one: copy and paste the first part of the code from Pinterest’s developers tools into your blog post, wherever you want your Pinterest widget to show.
Step two: copy and paste the second part of the code from Pinterest’s developers tools into your blog post. I usually pop this right at the bottom. If you’re a coding genius, you could work your magic and write the second part of the code in somewhere. I’m showing you the ‘easy’ route … if you’re not a coding genius.
Step three: before you come out of ‘text editor’, publish the blog posts, or save the draft, go back to the first part of the code that you pasted. Look for the bit right at the end.
To stop the widget from disappearing, add the ‘|’ character [vertical bar] in between > and </a>.
Step four: save the draft or publish the post as you usually would. If you check, you should find that your Pinterest widget HAS NOT disappeared and is proudly sitting on your page.
And there you have it — the quick trick that’ll stop the Pinterest widget disappearing from your WordPress blog post. Don’t you just love it when a quick fix is actually a quick fix? I sure do.
Let me know if this works for you, and feel free to shout more of your blogging-related questions at me too.
Have a fabulous day!
Further resources + reading: