Karen writes: Hey Ben, do you have any suggestions for how to get the Pinterest pin button to work on an iPad 2? I had no trouble installing it on my PC laptop, but the directions for adding one to the iPad don’t seem to work. Thanks for any guidance you may be able to provide.

Greetings, Karen! Sorry to hear you’re having Pinterest woes.

Probably the No. 1 question I’m asked about Pinterest is how to add the “Pin It” button to the iPad; unfortunately, though, there’s no easy way to do it.

 
Update [8/17/12]: There’s now an official Pinterest app for the iPad with its own “Pin It” button—nice, although the app itself comes with its fair share of drawbacks.

The official Pinterest blog has a step-by-step guide on how to install a “Pin It” bookmark on the iPad’s Safari web browser—a convoluted process that involves creating a new bookmark, then manually copying and pasting several lines of jibberish (or “javascript,” if you’re really interested) into the bookmark’s address field.

The only problem is that the resulting bookmark won’t really pin anything—or at least, it didn’t when I tried it.

After a little testing, I found that the official Pinterest instructions for iPad actually will work; it’s just that the necessary bookmark code on the Pinterest blog post isn’t surviving the trip from the iPad’s copy/paste clipboard to Safari’s bookmarks menu.

I’ve reformatted the “Pin It” code you’ll need, and you can grab it here:

javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Copy and paste Pin It code 300x156 How to add a Pinterest Pin It button to the iPad (video)

Just tap and hold the lines of text with your fingertip, then tap the “Copy” button.

Just tap the above text on your iPad with your fingertip, hold it, then wait until it’s gobbled up by the blue copy/paste box. Once that happens, tap the “Copy” button that appears.

Update [9/9/13]: Having trouble selecting the special code on your iPad? If so, our new mobile “skin” for iPad users is probably to blame. Never fear, though; just click this link and copy it from the page that appears.

Now, tap the “share” button in the top-left corner of the iPad’s Safari interface (it’s marked with a curved arrow, to the left of the address bar), select Add Bookmark, rename the bookmark to “Pin It” or whatever you prefer (click the “x” in the first blank and start typing), and then put bookmark somewhere easy to find—say, in the “Bookmarks Bar” folder. Finally, tap Save.

Next, tap the Bookmarks icon (it’s right next to the share button, and looks like an open book), tap the Edit button, and select the “Pin It” bookmark you just created; that should bring up the “Edit Bookmark” windows.

Still with me? Now it’s time to paste that code you copied earlier.

Paste Pin It button code 300x234 How to add a Pinterest Pin It button to the iPad (video)

Just tap & hold the Address field in the Edit Bookmark, then tap the Paste button to add the necessary Pin It button code.

Tap the second blank in the window—the one with the web address in it—and then tap the little “x” that appears on the right. Tap the space again, then tap the “Paste” button.

Presto! All the code you copied a minute ago should now have jumped into the bookmark. To save your changes, tap anywhere outside of the “Edit Bookmark” window.

Ready to test? Go to a page with a product you’d like to pin, select your “Pin It” bookmark, and with any luck, you should be pinning.

Note: Make sure you’re logged in to your Pinterest account on your iPad before you start pinning, or else you’ll get a rude error message that reads: “Safari cannot open the page because the address is invalid.”

So, hope that works. Still having trouble? Let us know in the comments below.

comments powered by Disqus