in Apple

Evernote Web Clipper On iPad and iPhone via Safari On iOS 7

Screen Shot 2014-03-08 at 3.08.36 PM

I posted the original bookmarklet to bookmark hack a few years ago and have continued to maintain it. Apple changed their iOS GUI pretty dramatically with the release of iOS 7, so I thought it would make sense to update the quick guide specifically to show iOS 7 users how to clip webpages to their Evernote accounts with the javascript to bookmark hack.

[OPTIONAL] If you don’t like a bookmark bar on your browser, you can skip this. If you do want a button always around to quickly clip a page, go into Settings > Safari and flip the switch to “Show Favorites Bar” to have a persistent bar across the top of Safari. You will see the guide with this option enabled.

20140308-135327.jpg

1. In Safari on iOS 7.x, go to http://www.evernote.com and add the page to your favorites with the arrow box before the location field. Click the “Bookmark” box. You can do this on another tab in Safari if you want.

20140308-135422.jpg

2. Change the name of the new bookmark from the site title to “Evernote Clipper” or whatever name you prefer. I will refer to the bookmark as this title for this guide. Save it after you rename it.

20140308-135515.jpg

3. Now select the entire text below. I have it posted as code or you can click the link to the text file and Safari will open it and show the pure text. You need to click this link to open the code in a new text page to easily select all and copy to your iOS clipboard to paste in a later step.

iOSEvernoteClipperCode.txt

20140308-150436.jpg

Example of the copy text you will need to perform

4. Go to the favorities icon in Safari to the right of the url location field and open your favorities and edit the Evernote Clipper one.

20140308-135527.jpg

5. You are going to clear the address the bookmark you just made.

20140308-135602.jpgand paste the entire code you copied from step 3 into the address field. Save the changed bookmark. This is your clipper now.

20140308-135536.jpg

6.  With the clipper code now in the bookmark, you can to Evernote. Go to a different website now in Safari. The example below is Google. When the site is up, click the Evernote Clipper button on the bookmark bar, or use the favorites button to the right of the location bar to select the Evernote Clipper bookmark. Either method will work.

20140308-135621.jpg If all goes well, you will be prompted for the initial login to Evernote. Enter your Evernote username/password.

7. The Evernote dialogue will open and you will be able to add more details to the page you are clipping before you save.

20140308-135635.jpg

8. After you save the quicknote from the clipper, you will see it in your regular Evernote account on your devices.

20140308-135649.jpg

Write a Comment

Comment

four × one =

77 Comments

  1. Not working for me on my iphone 5s. Followed your instructions explicitly. The JavaScript seemed to work and I was able to login to my evernote acct. But when I try to use the clipper and tap on “save” nothing is actually saved. The clipper dialogue just disappears and the note doesn’t show up in my evernote inbox. Also noticed that the “notebook” drop down menu doesn’t contain any of my notebooks. It’s just a totally empty drop down.

  2. This worked on my iPad 3 but when I look at the saved note on my desktop version of Evernote I have only the URL of the page I clipped not an actual clip of the site.

    • There are two checkboxes on the Evernote clipper pop-up box. One checkbox is for saving the URL only, and another is for saving the whole page. You can check one box or both.

    • I have the same problem. Had it iOS6 and still in iOS 7. Also, you can’t scroll. The Clipper dialog box stays fixed on the screen while the page behind it scrolls.

      However there is a work around. Open the clipper andsign in. Make sure you’ve zoomed out as far as possible. Then turn your phone landscape and tap into the comment box (big one at bottom).

      The screen should resize a little, and then you will be able to scroll down to the save button.

      It is a little touchy. Sometimes I have to go back and forth a couple of times before I can see the save button. But i works. I’ve clipped this consistently.

  3. Worked great, thank you! iOS 7 on iPad Air. Provides option to save just URL or full page. Gives choice of notebook. Saved in Evernote.

    • Unfortunately I must take back my statement. This hack works well on sites that are not mobile-optimized. But for mobile-designed pages, the web clipper pop-up window takes up too much of the screen to use. (Landscape and portrait orientation modes both share this problem).

  4. Hi Jonathan. I am having the same as Fran. The popup window takes up all the screen and I cant clip the webpages. I hope you can come up with a fix. Thank you!

    • I was having the same issue on my iPhone. Click your curser in the “add text” box. While the typewriter is up, you can actually get the pop up window to move around and expose the save button. It’s a little hard to explain but worked for me. Hope this helps.

      Yamaseta also explains this method above, but I found it only works for me when the typewriter is up.

  5. Just set it up on my iPad and it works great!

    (I don’t usually leave comments on blogs, but this workaround has saved me time and immense frustration, so thank you!)

  6. Is there any way to get around Evernotes logout after 1 week annoying functionality? I need to relogin almost every time I use this bookmarklet since it is not that frequent. Sucks big time.

  7. This is such a great thing when it works well. Unfortunately, more than 50% of the time the resulting popup is so enormous that it is larger than the screen itself, so that the “save” button is off screen and cannot be tapped. My efforts to “pinch” the popup smaller do not shrink the popup. Is there some fix, tweak, hack or workaround? This is the grail for me!!! Thanks…

  8. Thank you thank you thank you ! I would have never uncovered this on my own and it’s exactly what I wanted. Where’s the tip jar?

  9. I followed these instructions and worked perfectly for a few months and then stopped working. Now when I try to clip, I get the screen as before but when I click on save it appears as if it’s saving, but does not save the clipped item. All that shows up in evernote is the heading & anything typed in the comment. I’ve tried re-doing, downloading evernote web clipper from evernote site, & none of that works. I see there’s an app for $2.99 but I have my doubts that will work. Did evernote intentionally disable this method of adding web clipper to iPad mini? If so, that sucks

    • Try to hit the main Evernote site in Safari on your iOS device and login via the web interface there. It can set a cookie that might be the problem. After logging in via Safari, try the clipper again and see if it works.

  10. Thank you very much. I like to keep track of articles I read in certain publications. I am hoping that this will allow me to click while reading on the iPad. My initial test with your site seemed to work fine. Thank you again.

  11. Dear Jonathan,
    I tried your hack, but the pop-up screen comes up blank. I’m on iPhone 5 with the latest version of iOS 7

  12. Anyone having problems with the size of the Evernote Clipper screen on iPhone 5S recently? Cannot reach the save button in the clipper, cannot navigate or adjust the clipper screen either, as it is the page behind the clipper reacting to adjustments.

    • Same issue as Sebastian. Any workaround to get the screen size smaller or to be able to see the various text boxes and buttons

  13. Many thanks to the author for this! Just a note to any others who have two-factor authentication for Evernote enabled as I do, to get the bookmarklet working properly you may need to sign out of http://www.evernote.com in Safari, sign back in providing your access code, and then try the bookmark again. The first time I tried it, I signed in just via the bookmark but it didn’t trigger the authentication process properly.

    Once you get past that minor hurdle, works great!

  14. Hi Jonathan,
    Works perfectly on my iPad Air but I get the oversized box problem on my iPhone. Tried you suggestion of logging into Evernote site and get the following message…”Sorry, Evernote Web is not supported on iPhone browsers”. Any further suggestion to get this to work on my iPhone?

  15. Jonathan, you are a life saver, thanks so much! My Evernote webclipper HD has stopped working and crashes permanently. Going through your instructions I was a bit nervous when the web version of Evernote on my ipad said it was not supported and I had to open Evernote as app, but your workaround still worked, and thus perfectly. You made my month!

  16. This used to work on my iPad 3…but nolonger. Have tried all these steps including 2 step authentication trigger but no joy…any ideas?

  17. Hi Jonathan,

    Thanks for this update. However, Evernote seems to have made this new web clipper obsolete. The first time I tried it, here is what Evernote told me when I tried to log on:

    “Sorry, Evernote Web is not supported on iPad browsers

    But we have an app for iPad! Download it here.

    Visit our Products page to explore Evernote’s other iPad apps.”

    Progress?

    Still, thank you.

    Best regards,
    Daniel Teague

  18. No worky… That’s at least consistent with all the EN posts. So, I wonder what’s different with those accounts that show this feature working….