Tut: Pinterest Pin It Using iPod/iPad/iPhone

This is a tutorial on how to install the Pinterest “Pin It” bookmarklet on your iPad (iPhone/Pod) Safari web browser.

What is Pinterest? It’s an organizational tool that lets you share all the pretty findings with all Pinterest members (who follows you). It’s really fun and I use mine to gather ideas for my current and future home decorating needs, travel ideas, color combos, things I want to buy for myself or the family, etc. Very fun and if not careful can take up a lot of your precious time!

The last few months I haven’t been pinning much. Long story but basically I’ve been without a laptop and when I do sit in front of a computer (desktop) it has been to either grade, learn/research, edit pics and blog. Just not comfy sitting on this chair of mine. A few weeks ago I picked up a new toy and between the apps and me messing around with the iPad I found that I can do this: Pinning directly from Safari on to Pinterest. No apps needed. I like this better than using the app (the app doesn’t let me pin new things). Because of this I’ve been regularly pinning again.

So how do you do it? Well first, if you have any sort of iDevice (iPod, iPhone or iPad) with Safari installed and JavaScript enabled (you go into your Safari Settings to check this and to turn it on/off — you NEED this ON) you can do this little trick. If you are on a different operating system this method should work IF the browser supports JavaScript and has a regular browser bookmarking feature (not the one that shows up on another page). I learned this method from Read it Later‘s how to install a bookmarklet tutorial. After successfully adding the bookmarklet my little brain went: Ooooh, if I can do this for Read it Later I should be able to do it for all other bookmarklet. After some Googling I found Pinterest’s blog and yup, they said you can.

If you’re interested and have an iDevice whip it out and follow these steps.

Oh, before we get started, make sure that you browse to my blog post first using your iDevice so that you can copy the below (we’ll paste in a little bit!) – for iPod/iPhone users, switch to horizontal view, easier to copy the whole code this way:

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)})());

VERY important that you do!

Open up Safari web browser and bookmark any page… pinterest.com if you have nothing in mind.

Pinning to Pinterest via Safari

Click the little bookmark icon (open book image) and you should see the below:

Pinning to Pinterest via Safari

When I took a screen capture of the above I have already changed the name of pinterest.com to “Pin It” so yours might be different than mine. But this is ok!! We’ll get to this in a bit!

The next step is to click the Edit button. See the word “Edit” to the right of the word “Bookmarks” at the very top of the drop down after you click on the bookmark icon? That’s it, click that Edit button!

Once you click Edit you will see the below (note, I did a new bookmark and now have a Pinterest/Home bookmark):

Pinning to Pinterest via Safari

NOTE: Don’t click the red icons to the left, you will delete the bookmark!

See where I circled? The arrow pointing right next to Pinterest/Home? Click on that now! The below is what you’ll see after you click:

Pinning to Pinterest via Safari

Now, do you see where the URL is? the http://pinterest.com? Delete that! You’ll then have this image below:

Pinning to Pinterest via Safari

Here’s the important part, after you delete the URL you want to copy and paste the JavaScript that you copied before you started this tutorial (if you haven’t, you need to do this in your iDevice before continuing on, see script below).

NOTE: If you can’t copy the whole script, extend your copy area by dragging the little dots to the left and right of the word “copy”. Once you have selected the whole script click the blue copy. Then you can later paste.

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)})());

MORE NOTE: Make sure you do not leave anything out. Copy from the word “javascript” on to the last “;”.

Paste this in to the “Address” so that your bookmark looks like this:

Pinterest Pinning on Mobile Safari

At this point you can also change the name… that Pinterest/Home… to whatever you want. I went with “Pin It” for mine. It’s up to you, it’s not important as long as you know what it is.

After you’re all done, click on the “Bookmarks” button on the top left there and you’re all done!

Test it out!!

To pin, you want to go to the page that has the image you want to pin. I’ll use my blog for this example! So here I am on my blog and to pin I just click on the Bookmarks icon and click “Pin It” (remember, I renamed mine after I paste the JavaScript).

Pinterest Pinning on Mobile Safari

After clicking Pin It, I got the below:

Pinterest Pinning on Mobile Safari

Using my handy dandy clicker, aka the finger, I selected an image and Pinterest took me to this:

Pinterest Pinning on Mobile Safari Now, this is the trickiest part… if you have multiple boards it’s a bit tricky to scroll. You need to use your two fingers to move the board names up and now. You’ll have to try it to see what I am talking about. One finger scrolling isn’t going to do it.

That’s that! So have fun and if you need an invite, let me know. I still have a few more. I thought I’ve used all mine up!

Another UPDATE, Jan 27′ 12, iPad owners only:

I forgot to add the how-to add the Pinterest bookmark to your Safari Bookmark bar. This is the bar on top of your browser so that you don’t have to always have to click your Bookmark icon first. To do this, you need to

Go back to your Settings, the Safari Settings, and make sure that “Always Show Bookmark Bars” is ON.

Settings

Go back to Safari and you should now have a bookmark bar (see where it shows my Pinterest/Home, Diigo Save and Read It Later?)

Bookmark Bar iPad

To add content to your bookmark bar you need to do the following

Click on the “Bookmark” icon again until you see the below and click “Edit”. Notice the “Bookmarks Bar” folder too. Each time you do the process that we will be doing in a little bit, your bookmark will then be moved into this “Bookmarks Bar” folder.

Bookmark Bar

Click the arrow to the right

Bookmark Bar

And you’ll get the window below. On the screen capture example below, I have already changed mine to “Bookmark Bar” but if you click on the arrow to the right of that, you’ll open up another window and in there click “Bookmark Bars”.

Bookmark Bar

That’s it! Go back to your Safari and you now have the Pinterest Pin It button right on top of your Safari. Which means, Pinning is just that much quicker (and later hate yourself for wasting more time online, Pinning, then you intended).

Take care and let me know if there are any other issues or request. I try to reply to each one of them.

Toodles!!

209 comments

  1. Dawn Griffith says:

    Thank you so much! For months now I’ve been using pinterest on iPad, with no clue how to install pin it button. This was very easy to follow. :)
    Ps. Also thank you for noting the 2 fingers to scroll, I always had so much trouble.

    • Debbie LaFleur says:

      THANK YOU! I have been trying to get this to work and your instructions were such that even I could follow!! Now I can have fun and not just pepin what everyone else pins! Thanks again from an older lady that is not very tech savvy!,

  2. barbara says:

    OMG. I have never been so happy as to find these instructions!! I LOVE my iPad, but pinning anything to Pinterest was almost too painful to bear. The only thing I couldn’t do was copy the javascript URL from my iPad – I had to go to my desktop computer and go to your blog and copy and paste the javascript URL into an email message which I then emailed to myself. Then when I needed to copy the URL into Safari like instructed, I just opened my email and copied it from there. Other than that, it worked like a charm. Thank you, thank you, thank you!

      • gab says:

        I have an ipad1
        there is an edit button
        and THANK YOU!!! I can now n from websites following ur steps!!
        will now search if u have anything to say about uploading photos from iPad.
        :)

  3. Karen says:

    Just had to add my thanks. Your instructions were so complete that there was no frustration. I love when that happens! So, what can you know about responsive design?!? :-)

    • sally derevan says:

      I feel like such a dummy, but I’ve tried this now 8 times and I always have the same result. When I go to paste the java script, I hit paste and what appears it the line I deleted. I’m new to an iPad so maybe I’m “deleting” incorrectly? I don’t know anyway to delete except to cut. Any advise you can offer me would be greatly appreciated!

      • Sally derevan says:

        Salvitri, you are indeed a savior and an expert teacher! Thank you so much for emailing me. I backed it out per you instruction, then pasted and got the button! Perfect timing too because my laptop is under the weather so I am doing it all on my iPad. Again, thank you so much!

  4. Jessi says:

    Thank you!!!!! So frustrating not to be able to pin from my iPad! I tried different instructions and nothing worked. Really, thank you for taking the time. These instructions are rest! And it works!!

  5. Kaitlyn says:

    Thank you for this tutorial! It was definitely the most helpful I have found. Great step-by-step directions and the screenshots helped tremendously! I was very successful in installing my Pin It button to my bookmarks bar. Thanks again! Best, Kaitlyn

  6. Jenna says:

    You seem to know what you’re talking about- I cannot for the life of me figure out how to get the Pin It button dragged to my bookmarks on my macbook. I can add anything else as a bookmark and it works just find- I’ve reached out to Pinterest and they won’t respond back with any help! I’m SOOOOO close to giving up and not continuing with this company. I’m beyond frustrated. Can you help???

  7. Jel31 says:

    I am using an iPod touch 2g and don’t have an option in my safari settings to “always show bookmark bars” Am I out of luck? I’ve tried following the tutorial but when I see something that I’d like to pin and tap the bookmark icon at the bottom of my screen and choose the pin it bookmark I just get taken to the pinterest site, away from whatever I was browsing. My screens look different from yours in that your bookmark menu is like a drop down from the top but if I tap bookmarks I get a whole new screen. Any suggestions?

  8. Melinda says:

    Thank you so so much. Brilliant. Have spent hours today trying to work this out. Pinterest really should Should be rewarding you for helping so many of us out. I shall be telling them about your great tutorial if they ever return my email. Bless you. Mel

  9. Laura says:

    My hubby just bought me an ipad2 over the weekend and the first thing I was working with was Pinterest! I couldn’t get the “pin it” drag to the bookmark bar to work…and thought maybe I was not smart enough for the ipad. :( Thanks for the tutorial, it was perfect. And just so you know, you’re the first one I pinned on my new “tech tips” board!!!

  10. Lene says:

    THANK YOU! I am new to Mac and iPad, and despaired to figure this thing out. Took me less than a minute to do after reading your post:) thank you, again.

  11. Kim says:

    Thank you so much!!! This was so helpful!! After looking for a solution all day, yours was the one that came through for me. Thanks again!!

    • Dana says:

      Thank your so much ! U made my day really.. But the only thing is that it’s not scrolling I tried two fingers and it’s not working, :(

  12. Miguelito says:

    I’m sorry to say but this ‘how to’ posting is so colloquial that its virtually gibberish. So, I shall regoogle this and learn elsewhere.

  13. Laurie says:

    Thank you so very much for posting these instructions! Super easy to read and follow. I was able to get it on my ipad with one try! Your visual instructions are most appreciated! Keep on pinning!
    Laurie

  14. Toni says:

    WOW I tried countless blogs after googling how to pin from my IPad this is the only tutorial that walked me through it to actually make it work. Awesome Thanks

  15. naila says:

    I can’t thank you enough, i thought i was being stupid and missing something in the pinterest app, and then found your brilliant tutorial. Thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you, thank you…

    • naila says:

      I used the same method for Delicious, and it worked!

      Code is
      javascript:(function(){f=’http://www.delicious.com/save?url=’+encodeURIComponent(window.location.href)+’&title=’+encodeURIComponent(document.title)+’┬Čes=’+encodeURIComponent(”+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text))+’&v=6&';a=function(){if(!window.open(f+’noui=1&jump=doclose’,’deliciousuiv6′,’location=1,links=0,scrollbars=0,toolbar=0,width=550,height=585′))location.href=f+’jump=yes’};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()

  16. Holly says:

    Thank you very much. Been trying to figure this out for a long time- I’m not exactly tech savy, but you were the first to explain it on a way I could duplicate it!

  17. Cathy says:

    Thank you so much! The tutorial was great and easy to follow. I would have never figured this out by myself and now I am so excited to be able to pin from Safari on my iPad.

    • Glenda says:

      Thank you so much!!! I really like to pin my own images when I come across something I want to pin. I have only been able to repin so this is great. Your tutorial was great with images to see step for step. I am so happy that I can pin from Safari on my iPad!!!

  18. Linda says:

    I can’t get it to let me select the board I wish To pin to.
    I select “Pin It” from my book mark bar, then I select the image, then nothing. Any suggestions?

  19. Sara says:

    Dammit! This worked! You did a great super broken down procedures. It made me feel like I actually knew what I was doing! Ha. Only problem, I just plunked down $2 on an app that doesn’t work and pretty much is trying to ‘sell’ people this process. I wish I found your article earlier!!! Thanks again

  20. Heather Pivinski says:

    Thank you so much! This is SO helpful! I appreciate your time in figuring it out and writing the post for others!

Leave a Reply