Penned by Maureen Wilson
Editor’s note: This is a guest post from Maureen Wilson, owner of MadeByMarzipan.com.
What if you could choose what people say when they pin your products? Instead of pinners writing “love!” or “must do,” you can influence them to include thorough descriptions.
Click on this Pin and read the description. Then, click on it from Pinterest to be taken to my site. What do you notice? That’s right, the text on Hillary’s pin is identical to the italicized project description I wrote. You can put your own words in pinners’ mouths by having the Pin Button pull text directly– and automatically– from your website.
This is admittedly a bit advanced for the average blogger. But if you don’t happen to be technologically inclined, show this post to a buddy who is and let them help you out. Here’s how you can make your ‘Pin It’ button content aware and backwards-compatible with your existing pages.
The ‘Pinterest Goodies’ (http://pinterest.com/about/goodies/) page details the syntax for ‘pin it’ links. The href format is as follows:
http://pinterest.com/pin/create/button/?url=urlOfPage &media=urlOfImage &description=descriptionText
If you were using a server-side language like PHP, you’d be done. You could simply echo the urls and description you want into the appropriate URL variables. My project summaries are lumped in with the full body text, however, and PHP would have a harder time picking them out. Instead, it makes more sense to use the natural DOM parsing abilities of jQuery.
Let’s look at this step by step:
So, when users hit the Pin It button on your post, it will draw the text you have specified. At this point, pinners have the option to delete the text and write their own description. But in my experience, very few people do. This essentially gives you control over what pinners are saying about your products!
Maureen Wilson is the owner and creator of MadeByMarzipan.com, a sewing and crafting tutorial site.