Skip to content

Web Clipping Directly to Evernote on the iPad and iPhone

2013 April 2
tags: Evernote, Getting Things Done, GTD, iPad, iPhone, Productivity, Tuesday Tips, Web clipping
by Andrew   

evernote iphoneEver wish you could web clip directly to Evernote on your iPad or iPhone? Tired of having to paste a link into Evernote’s browser after copying it from Safari just so you can clip it? Try this…

Editor’s Note (2 Apr 2013): Everclip is a great little app for iOS that allows you to clip directly to Evernote via the app, including web content, as well as other sources. You can even automatically tag everything clipped with the app with a specific tag. ~Andrew

Editor’s Note (27 Apr 2012): One of the easiest ways to web clip on the iPad and iPhone is to use the Evernote email address associated with your account. Simply select the email feature within your browser and send the page to your Evernote address. If you are using an iOS browser with the Reader function, you can clear a lot of the clutter from the page by selecting Reader first, and emailing from within it’s rendering of the page. ~Andrew

 

This tip has appeared in numerous places, most difficult to find because they’re comments to other posts. Additionally, some of the steps are a bit cumbersome as given elsewhere. The following should simplify things considerably:

1. Add a bookmark to any site in Safari. Name the bookmark “Clip to Evernote” or whatever you like.

2. Open bookmarks and select Edit. Select the bookmark you just created.

3. Paste the following in place of the URL that’s already there. Be sure you paste all of the following over all of what’s there originally. If you’re reading this on your phone, please note that some phones format the JavaScript as two long lines that are very difficult to copy for pasting. If this affects you, please see the end of this post.

javascript:(function(){EN_CLIP_HOST=’http://www.evernote.com’;try{var%20x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;x.src=EN_CLIP_HOST+’/public/bookmarkClipper.js?’+(new%20Date().getTime()/100000);document.getElementsByTagName(‘head’)[0].appendChild(x);}catch(e){location.href=EN_CLIP_HOST+’/clip.action?url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title);}})();

4. Save your bookmark by clicking Done.

Now, whenever you want to clip something, select it (or leave it unselected for the whole page) and click the bookmark you just finished making. Voila! For those of you using Evernote’s great tagging feature to implement GTD contexts such as @Read, @Read Someday, or reference files for projects, this web-clipping tip for phones can be a great time-saver if you’re browsing during your waiting times.

The only real drawback is the window that pops up doesn’t resize, so you’ll have to fiddle a bit to reach the fields you want to populate if you’re doing this on the iPhone. It works fine on the iPad.

Note: I take no credit for the code above. It is the JavaScript from the desktop browser clipping widget.

Happy clipping! Now you can easily add those reference pages into your GTD system and stop worrying about the content changing.

If you need to copy/paste the JavaScript in small chunks due to how your phone or iPad formats it, please use the following and be sure to scroll to the end of the pasted text in your bookmark and save it at the end of each paste. You can also email this to yourself and copy from the longer email lines.

javascript:(function(){EN_CLIP_HOST=’http://www.evernote.com’;

try{var%20x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;

x.src=EN_CLIP_HOST+’/public

/bookmarkClipper.js?’+(new%20Date().getTime()/100000);

document.getElementsByTagName(‘head’)

[0].appendChild(x);}catch(e)

{location.href=EN_CLIP_HOST+’/clip.action?

url=’+encodeURIComponent(location.href)+’&

amp;title=’+encodeURIComponent(document.title);}})();

Take care, end enjoy life,

Andrew

This article was originally posted February 8, 2011.

14 Responses Post a comment
  1. May 25, 2013

    Hi Andrew, this is really great. It solves, issues i didn't even know I had. I like the idea that I can automatically tag all my clips too. Will look more into this. Cheers 🙂

    • Andrew permalink
      May 25, 2013

      Thanks! I’m glad you found the post helpful.

      Andrew

  2. May 16, 2013

    The best this is that it is simple unique solutions for saving and retrieving information. The web clipping to Evernote on my iPad has now made easy.

    • Andrew permalink
      May 16, 2013

      Thanks! I'm glad you enjoyed the post.

      Andrew

  3. agpa permalink
    May 8, 2013

    hello there,

    thanks for the post! I tried this method, and it hasn't worked for me though. I copied the link using the 3 methods mentioned (1st script whole, line by line, and 2nd script whole). Nothing happens when I select the bookmark. I did notice that the script gets some stuff added to it by the ipad as soon as I save it. A bunch of %7 show up instead of the "{" and "}". Is that meant to happen? What do you recommend I do?

    thanks

    • Andrew permalink
      May 8, 2013

      If you really want to use the bookmark, which can take a long while to load the window and may require pinching and zooming to see it, you could paste the lines in smaller segments and change the % character codes back to the right characters.

      It will be far easier just to use the Evernote custom email address to send the pages, or Everclip.

      Andrew

  4. May 8, 2013

    I have to agree that it's still a little slow even on the latest device. Until there's some faster way, I think I'll be sticking with the old way as well.

    • Andrew permalink
      May 8, 2013

      Grant,

      Thanks for your comment. It's definitely still slow. The email submission or Everclip work much better.

      There's also an Evernote integration with the Dolphin browser, which works much better than Safari.

      Andrew

  5. kingson permalink
    May 6, 2013

    Now, that was a very informative post on web clipping directly to Evernote on the iPad and iPhone. I appreciate this post. Thank you for sharing this post here with us. Looking forward to read cool stuff like this here.

    • Andrew permalink
      May 6, 2013

      Kingson,

      Thank you! I'm glad you enjoyed the post!

      Andrew

  6. Jason T. permalink
    April 23, 2013

    The web clipping option in the I-Pad and I-Phone has been a viral hit amongst the apple users. I am not just happy but I am delighted and thankful to the apple team for bringing up such a modification and update.

  7. November 2, 2011

    I tried that, but I still stick with copying and pasting the content that I want to clip. It's way more elegant, because web clipper on iPad takes far to long to load.

    Evernote email adress is golden!

    • Andrew permalink
      November 2, 2011

      Thanks, Bojan!

      I absolutely agree with you. It's quite slow even on the iPad. I use the Evernote email address, as well as copy/paste into the app.

      Andrew

Leave a Reply

Note: You may use basic HTML in your comments. Your email address will not be published.

Subscribe to this comment feed via RSS

*