How to install Evernote web clipper on the iPhone and the iPad


Evernote is a remarkable program for “remembering everything.” It is available for Windows, Mac, iOS, and Android. In this post, we will show you how to add the Evernote web clipper directly to Safari on your iOS devices. This will allow you to save parts of web pages or entire pages to your Evernote account.

We will need to create a bookmark and then go back and edit the bookmark to include the Evernote web clipper JavaScript code. The steps that we will be following are similar to the install steps for Instapaper on the iPhone or install steps for Instapaper on the iPad — only we will be inserting the Evernote web clipper code.

Installing the Evernote web clipper on the iPhone

  • First be sure you’ve had a look at the install steps for Instapaper via the link above so you are comfortable with the steps.

The remaining steps will be completed via the iPhone only but keep it open on your computer browser so you can continue to follow the steps.

  1. From your iPhone, go to “Settings.” Choose “Safari.” Be sure JavaScript is turned “On” and that Accept Cookies is set to “From visited.”
  2. Next, launch this page via Safari on your iPhone –> (Open lorenzocaum.com on your iPhone and search for this post on Evernote)
  3. Now copy the code below (press and hold on the code and then release; then adjust the blue overlay so it coves the entire code, and tap “Copy.”
  4. javascript:(function()%7BEN_CLIP_HOST%3D%27http://www.evernote.com%27%3Btry%7Bvar%20x%3Ddocument.createElement(%27SCRIPT%27)%3Bx.type%3D%27text/javascript%27%3Bx.src%3DEN_CLIP_HOST%2B%27/public/bookmarkClipper.js%3F%27%2B(new%20Date().getTime()/100000)%3Bdocument.getElementsByTagName(%27head%27)%5B0%5D.appendChild(x)%3B%7Dcatch(e)%7Blocation.href%3DEN_CLIP_HOST%2B%27/clip.action%3Furl%3D%27%2BencodeURIComponent(location.href)%2B%27%26title%3D%27%2BencodeURIComponent(document.title)%3B%7D%7D)()%3B
  5. Next, click on the share icon (square with a right arrow) at the bottom of your Safari page and click “Add Bookmark.” Without making any changes, hit “Save.”
  6. Now click on the bookmark icon (open book) to pull up your bookmarks. Click “Edit” in the bottom corner of your window.
  7. Select the bookmark that you just created. Change the name from Untitled to something of your choice–perhaps ‘Evernote’ or ‘Clip to Evernote.’ Next delete the URL shown and paste the new code that you copied in step 2 and hit “Done” located in the bottom right corner.  Click “Done” located in the bottom left corner. Click “Done” located in the top right corner.

Those are all the steps! You’ve now installed the Evernote web clipper on your iPhone.

To clip a portion of a page: Highlight a section of the page that you want to clip and then hit the bookmarks button and choose your Evernote bookmark.

To clip an entire page: Hit the bookmarks button and choose your Evernote bookmark.

Note: the first time the Evernote web clipper is used, it will ask you to log in. Also, on the iPhone, the clipper appears slightly too large but it is still usable by rotating the device.

Installing the Evernote web clipper on the iPad

  • First be sure you’ve had a look at the install steps for Instapaper via the link above so you are comfortable with the steps.

The remaining steps will be completed via the iPad only but keep it open on your computer browser so you can continue to follow the steps.

  1. From your iPad, go to “Settings.” Choose “Safari.” Be sure Always  Show Bookmarks Bar is set to “ON.” Be sure JavaScript is set to “ON.” Be sure Accept Cookies is set to “From visited.”
  2. Open this page in Safari on your iPad –> Open lorenzocaum.com on your iPad and search for this post on Evernote)
  3. Now copy the code below (press and hold on the code and then release; then adjust the blue overlay so it coves the entire code, and tap “Copy.”
  4. javascript:(function()%7BEN_CLIP_HOST%3D%27http://www.evernote.com%27%3Btry%7Bvar%20x%3Ddocument.createElement(%27SCRIPT%27)%3Bx.type%3D%27text/javascript%27%3Bx.src%3DEN_CLIP_HOST%2B%27/public/bookmarkClipper.js%3F%27%2B(new%20Date().getTime()/100000)%3Bdocument.getElementsByTagName(%27head%27)%5B0%5D.appendChild(x)%3B%7Dcatch(e)%7Blocation.href%3DEN_CLIP_HOST%2B%27/clip.action%3Furl%3D%27%2BencodeURIComponent(location.href)%2B%27%26title%3D%27%2BencodeURIComponent(document.title)%3B%7D%7D)()%3B
  5. Next, click on the share icon (square with a right arrow) at the top of your Safari page and click “Add Bookmark.” Ensure that it will be saving to the “Bookmarks Bar” and then hit “Save.”
  6. Now click on the bookmark icon (open book) to pull up your bookmarks. Click on the “Bookmarks Bar” folder. Then click “Edit” in the top corner of your window.
  7. Select the bookmark that you just created. Change the name to something of your choice–perhaps ‘Evernote’ or ‘Clip to Evernote’ Next delete the URL shown and paste the new code that you copied in step 2 (press and hold, then release, then tap “Paste.” Hit “Bookmarks Bar” located in the bottom top left corner to go back.  Click “Done” located in the top right corner. Click the bookmark icon to make it disappear.

Those are all the steps! You’ve now installed the Evernote web clipper on your iPad.

To clip a portion of a page: Highlight a section of the page that you want to clip and then hit your Evernote bookmark.

To clip an entire page: Hit your Evernote bookmark.

Note: the first time the Evernote web clipper is used, it will ask you to log in.

Here is a video tutorial to guide you on installing the Evernote web clipper on your iPad:

Become a pro at Evernote with Evernote Essentials

Image source: Evernote

  • Benjaminwang0

    I try use your evernote-web-clipper-code into my iPad Safari Bookmark, but it doesn’t work. I try to clip an entire page and hit the web clipper bookmark, it shows my URL address is invalid. What is the problem?

    Benjamin Wang
    2/8/2011

    • http://lorenzocaum.com Lorenzo Orlando Caum

      Hi Benjamin! Thanks for checking out my blog. I had a look at the code and there was some extra coding in there. I removed it and re-uploaded the correct code. Additionally, I revised the post for clarity. Hope this helps you out! Please do share if you are able to get it working!

  • Warrent1

    This doesn’t work just takes me to this site.

  • Warrent1

    This doesn’t work just takes me to this site.

    • http://lorenzocaum.com Lorenzo Orlando Caum

      Hello Warrent1, were you installing it on the iphone or ipad?

      • Sean

        Hello.  As of January 2, 2012, I can not make this work on iPhone 4.  This was my first attempt at installing the web clipper on my iPhone.  Is an update to the URL required?

        • http://enzo12.com Lorenzo Orlando Caum

          Hi Sean, I just tested the code and it works. Are you able to copy the code for the bookmarklet?

    • http://lorenzocaum.com Lorenzo Orlando Caum

      Hi Warrent1, were you able to get the Evernote web clipper working? I recently made a video tutorial that should help you.

  • DeeDee237

    Thank you very much – this worked perfectly and I am now seeing the full benefits of evernote on iPad- without the clipper evernote is not as useful as it could be!

    The Vimeo video was easy to follow and it made following your written instructions very simple as it provided a “picture” of what should happen at each step.

    Thanks :-)

  • Stevewheeler777

    thank you very much for solving my problem trying to insert webclipper on my iPad
    :-) Lord bless you

  • Danbeerens

    Thanks so much -works perfectly!

  • Fehmina81

    Thank you!!  I couldn’t figure out how to put the webclipper on my iPad, and thanks to you, was able to do it easily.  Your video was most helpful, the ending part on once it’s installed was a bit confusing for me, but after the video, I figured how to make it work! =)

  • Andy Stenning

    Really great tip. Easy to do and works like a charm. Thank you so much!

  • Pingback: ForEvernote()

  • Meta

    I have Evernote app installed on my iPad but am looking for a way to be able to copy things from the Internet (I installed EN icon on my laptop and love the feature).
    So if I follow these instructions and do the web clipper, in addition to having the app, will that give me that added feature???

    • http://twitter.com/lorenzocaum Lorenzo Orlando Caum

      @3b73945f4e43cb4b227cb3573fb62121:disqus , the Evernote web clipper will do exactly what you’ve described. Any information that is “clipped” from any device is sent to the Evernote servers and then pushed back to all Evernote–connected devices on your account. 

  • Michelle

    Thank you so much!!  I was able to install things fine on my laptop, but was having problems with my iPad.  You have saved me much frustration.

  • aiko

    thank you so much. you rock!

  • Cory Thacker

    AWESOME!  It worked!
    Thanks!!!

  • land

    Many thanks for this. My iPhone just got better. . .

  • Anonymous

    First time to you website for instructions.  This was just what I needed.  I got a little confused about what I was supposed to copy and clip but after watching the video for iPad it was much more clear.  Thanks for being there!

  • RTIQLIT

    AWESOME! Works PERFECT!! Your video is a huge help! Thank you so much for taking the time to put this together!

  • RTIQLIT

    AWESOME! Works PERFECT!! Your video is a huge help! Thank you so much for taking the time to put this together!

  • RTIQLIT

    AWESOME! Works PERFECT!! Your video is a huge help! Thank you so much for taking the time to put this together!

  • RTIQLIT

    AWESOME! Works PERFECT!! Your video is a huge help! Thank you so much for taking the time to put this together!

  • Cyndimbox-general

    Thank you! I couldn’t figure it out until I read this. Very clear and vey helpful!

  • Ulli

    Thank you very much. I finally managed it.
    Greetings from Bavaria

  • Susan

    Thanks so much for this! I was able to set up the Evernote clipper in Mercury on my iPad using your instructions.

  • Bwall

    Thank You!  So helpful:)

  • Pingback: 25Oct11 | CVHS Engineering III()

  • http://www.justcris.com Cris Ferreira

    Thanks what I was looking for, thank you!

  • Msconsulting2002

    Thanks, Lorenzo, you’re my hero! This is just what I needed.

  • Heath

    Very handy. The only issue is that the Evernote popup page is too big for my screen (iPhone 4s running iOS 5.0)  and I can’t scroll it to get to the save button but if I tap any of the form fields to bring up the keyboard and then click the Blue “Go” button it submits the form and saves to Evernote.

    • Sangsik

      i have got the same problem ! any progress?

    • Regishannajr

      I have the same problem, pretty dissapointing, i was pretty excited

    • keyzer

      Me either. I really want to make it correct, but couldn’t find any solution.

  • Mark

    Thx–REALLY buggy, trying to fill in form, scroll around (background page scrolls rather than Evernote form). Also, selecting a graf on a page has yet to work (iPhone 4s)–only seems to take whole page. Also, wish I could SEE the page in Evernote (rather than a link) like I do in full desktop mode. Thx again, be interested if you improve it! Best, Mark

    • Matt

      Having same issue.  Would love to be able to copy only highlighted text or image from a website to evernote. Any fix for this?

      • http://lorenzocaum.com Lorenzo Orlando Caum

        Hi there! I didn’t actually write the code for the Evernote web clipper. I explain the installation process more clearly. I recommend checking with Evernote support.

      • http://enzo12.com Lorenzo Orlando Caum

        Hello Matt, were you able to get this working?

  • Stefanbizmail

    Fantastic, I can finally clip a web page or part of a page. Great tutorial along with instructional video.

  • Danielle

    Thank you! Works great.

  • Lpullen78

    Thank you! New to mac and love Evernote.

  • Reneekoopmans

    Thank you very much, I have been searching the net to solve the web clipper problem and am glad you shared this!!!

  • Raj

    Hi Lorenzo
    Just wanted to say thank you to you. It is unfortunate companies give half baked products. I got evernote but was at the end of my wits to install h web clipper on my ipad.
    Thank you and Happy new year.
    Raj

  • Jen

    Thank you so much, I was able to get it working first go on ipad using your instructions.  An absolutely fabulous feature of Evernote, but really don’t think I could have worked out how to install it otherwise without some serious grief.

  • http://www.runningquest.net Clynton

    Awesome. Very helpful and so much better than any alternative I’ve come across.

  • henrykissinger

    Hi – very helpful, thanks for posting.  It seems to work fine for iPad but on my iPhone 3GS, it appears to transform web page selection clippings to “text only”.  Am I doing something wrong?

  • Franco

    Thank you so much

  • Starfishc

    I got it finally! Yes sirreeeee! lol thanks so much, very smart man!

  • Rudloff Noelle

    Thank you so much! I feel like a genius for being able to install this!

  • Guest

    THANK YOU!!!!!

  • Neil

    Thanks :-) This is really great!

  • Abid Farooqui

    When I go to your URL http://wp.me/p1iIjD-3w I simply end back up at this very page no JavaScript code available. Must be missing something
    Abid

  • Brendan Howard

     Thanks!

  • Cjmrnanp

    Thank you soooo much!!

  • Heidiandjoseph

    Thanks for majing this easy…

  • GregSmithCPF

    Thanks for the tutorial in installing the app. I don’t know why Evernote doesn’t put this info on their web site.

    Thanks again.

  • Adam V

    I can’t find your code. Can you help?

  • Tom B

    Didn’t work for me, I get this message when I try to clip to Evernote even though I have logged into Evernote on my iPad and cookies are set to “from visited” as instructed.  Please help!

    You are not currently logged into Evernote and your browser does not accept external cookies.
    Once signed in, you can clip whole web pages or select portions of a page in a single click.
    Close | Register

    • http://enzo12.com Lorenzo Orlando Caum

      Hi Tom, that is strange. I’ve been using the code with no issues. Could you try the following:

      Settings –> Clear History, Clear Cookies and Data. 

      Then power off your iPad and turn it back on

      • Mailfortom

        It is working now. I had to log out of Evernote and then log in again.

      • Kirby

        I have the same error message. I cleared cookies/data, repowered the iPhone and logged back into Evernote, but the problem persists. Any other thoughts on what might be going on? Thanks.

        I’m using an iPhone 4S with IOS6

  • Mirna

    When I try to sign into evernote, I get a message stating “you are not currently logged into Evernote and your browser does not accept external cookies.” In safari settings I have “Accept cookies- from visited.”  What do I need to do to get it working? Thank you!

    • http://enzo12.com Lorenzo Orlando Caum

      Hi Mirna,

      Tom (comment below) shared that when he logged in and out of Evernote, it started working. Try that and let me know!

  • Wildfire

    I tried this on my new iPad and after a few misses, I succeeded. However the “frame” cuts off the selection on the upper right side and only shows “Se”

    Hoow can one increase the frame to get the whole word in?

    Other than that, it works just fine. Thanks for posting the procedure!

  • Stephanie

    Thanks for this, massively helpful!

  • Sf6864

    Maybe it used to work, but it doesn’t now. As the commenter below mentioned, the URL just sends you back here .

  • Sf

    Thanks! So appreciated.

  • Crocsher

    Looks like a great video till I try to do it. Then I don’t get a bookmark from the bookmark bar. I am totally stumped. I have gone over this tutorial at least a dozen times but I just don’t get that bookmark editing tab that seems to pop up for you. Aarrgghh! Mary

  • Sa92954

    The video made the difference. Thanks!

  • Squash60

    Great workaround …thanks!

  • Pablo Poo Gallardo

    From Seville, Spain, thak you so much for the information. Works perfectly! 
    Pablo.

  • Tan Arfa

    Thanks very much for these instructions, I have now successfully installed the web clipper, the video was super helpful.

  • Pingback: Improve Your Productivity: 6 Ways to Use Evernote for Content Marketing Michele Linn « Amalik()

  • Pingback: iPad Basics Training « A Teacher and Technology()

  • Mike

    Brilliant; I’m not great working with computers, just like using them…….
    These instructions were so clear & concise even I got it right first time.
    Many thanks.
    Mike

  • Cymru

    Thank you!!!!!!

  • Nettybird

    Thank you! The video was very helpful!

  • Kaz

    Fabulous! Thanks so much for this tip for getting Evernote Clipper finally onto my iPad. Works a treat :)

  • fk

    It works! Thank you L.O.C. So much!

  • http://www.facebook.com/peterjvernon Peter Vernon

    There is an issue with the web clipper with some mobile blog sites where when you invoke the web clipper bookmark the clipping screen displays but it is too large for the send or cancel buttons to show, and any swiping gestures move the actual web page under the popup. It seems to be for some mobile formatted sites. Tailor and Cutter forums for example. http://www.cutterandtailor.com

  • roundstone

    Success! That wasn’t too hard. Thanks a lot. I wonder why evernote hasn’t thought of this themselves! I’ve been searching evernote for this. Would you post how to highlight in Ipad evernotes?

  • http://twitter.com/SCMom1964 Donna Richey

    Thank you so much for the web clipper help!

  • NickR

    Dear Lorenzo, can this also be adapted for Chrome iPad?

    • http://enzo12.com Lorenzo Orlando Caum

      I haven’t used Chrome for the ipad but if it allows you to create a bookmark, then it should work just fine. Just be sure to update the bookmark with the code snippet for Evernote.

  • Pingback: Evernote Web Clipper « #eWord()

  • Saiful

    hi Lorenzo, your web clipper os great but i have two evernote accounts. How do i sign out in the web clipper from one account to another. Thanks

    • http://enzo12.com Lorenzo Orlando Caum

      Launch a new tab and go to evernote.com and click on the web sign in (top right of page). It will bring up your Evernote account.

      Then sign out of the account. The next time you use the web clipper, it will ask you to sign in again.

  • Sam

    I went through the installation steps for Iphone 4S, when I go to the bookmark, I just see a page of code.

  • http://www.facebook.com/judy.peterson1 Judy Peterson

    Thank you so much. I’ve tried five different sets of directions to install the webclipper on my IPAD and yours were the only ones that work!

  • Maria

    Thank you so so much! I was totally exhausted by trying to invent something and clip photos and articles to Evernote! You r my savor!!!!!! Now the problem is gone. :)

  • Pingback: Top iPad Stories (September 17 – September 23) | Total iPad()

  • Rodrigo Crespin

    Very nice. Thanks a lot!

  • Scott Eaton

    Thank you. It works well. The first time when I had to log in it seemed to think that there was a problem with logging in- but I carried on regardless and it works.
    Thanks again!

  • http://twitter.com/1REFine Ruth-Esther

    Thank you so much! I thought I was headed for a major Evernote iPad disappointment.

  • Pingback: Evernoteのウェブクリッパー[PC/iPhone/iPad] | Webサイト制作メモ | Groomee Inc.()

  • jacopo bertola
  • http://twitter.com/abhiechin Abigail Chin ∞

    Thank you! This works on my pre-loved iPad 1 :)

  • Suz

    Thank you. Works like a charm!

  • Zee

    Thank you so much! Apple should pay you really, I was so disappointed with my new iPad at first.

  • Rondo

    Great post. Very helpful. I had to stop and restart Safari in order to get past the 3rd party cookies message, but everything worked great after that…

  • http://www.facebook.com/michele.hale.9 Michele Hale

    Did it on my ipad. Brilliant and thank you so much

  • Fleur

    I went through the steps and installed the clipper but when I try to clip something ..it shows ” You must enable your browser to accept third-party cookies before you can proceed” ! And I have turned on the cookies on the settings to “From Visited”..Not working..But I have installed it successfully on my iphone though :s Thanks in advance for your help!

    • http://enzo12.com Lorenzo Orlando Caum

      Close the Safari App. Then go to Settings –> Safari and clear cookies and data. Then go back to Safari and login to Evernote. Then your web clipper should work.

  • http://www.tusitios.com/ rusia

    Thank you. I did without problems.

  • Jorge Toledo

    Thank you very much, your blog is very handy

  • Paolo

    Thank you very much

    • http://enzo12.com Lorenzo Orlando Caum

      Glad you got it working!

  • Pingback: Evernote Productivity Tool for Content Marketing()

  • Andrea

    Thank you! Took me a few goes but I knew it should work as same process for installing Pinterest bookmark. Your link in the text did not work for me but one of your direct links in the comments section did. Also had to close safari, clear cookies & then login to evernote IN Safari to grt around the the third party cookies comment, after that worked perfectly :)

  • http://neuropapers.com Alexandre Magno

    When I tried to clip a page using my iPad the pop up box said I must “enable my browser to accept third-party cookies”. So, i went back to Safari settings and checked “Accept Cookies > Always” (instead “from visited”). It worked beautifully!!!

    • http://enzo12.com Lorenzo Orlando Caum

      Logging into Evernote.com first should clear up this issue. The always option means that your mobile device will accept cookies from any website.

      • http://neuropapers.com Alexandre Magno

        thx!

  • Joy Kirr

    I used your very instructional notes here last year to put the web clipper on my iPad, but lately it hasn’t worked… Any tips? Thank you for all of this!!

    • http://enzo12.com Lorenzo Orlando Caum

      Trying clearing your cookies in Settings –> Safari. Then go to Evernote.com and login to the site. The bookmarklet should then start to work again.

  • Lauren

    Thanks Lorenzo, this is the only place where I’ve found instructions! But, It won’t let me edit the bookmark. The edit button is only where it shows the bookmark folders, so I can only edit folders, but it won’t let me go in to any of the folders to edit. And the edit button is not available on the bookmark I created to your site with the code. Any suggestions?

    • http://enzo12.com Lorenzo Orlando Caum

      iPhone or iPad?

  • DNA9

    Saved me a few bucks – didn’t need to buy any app. Straight forward and clear instructions. Thank you

  • ElizabethJohnson

    Hi! Followed your instructions, worked perfectly, thanks very much!!

  • Ize Chi

    One doubt: I have an Iphone and an Ipad. My bookmarks are sync. Can I used the bookmark created in my iphone for my ipad? Or I have to keep two aparts?

  • John

    Thank you for the help with the Evernote web clipper for IPad- very easy to understand- even for an over 50 person!

  • Pingback: 10 Things ESL Students Can do with Evernote on their Tablets | Oxford University Press()

  • Dianna Parker

    The main reason I wanted this was so I could clip recipes from people on Facebook but I only want the recipe and I can not highlight in Facebook, only can share with my timeline page or with other viewers. I don’t want to clutter my timeline with all these recipes. Any suggestion? I am able to save the whole page but not a small section of it. It works ok with other websites.

  • DJB

    I am having difficulty with my IPad . When I try to log into the web clipper window, I get a message that I have to enable third party cookies on my device. I have adjusted all my settings as per your directions but it is not accepting them. Can you help, please?

    • http://enzo12.com Lorenzo Orlando Caum

      Login to Evernote.com from your iPad. It should then work.

  • DJB

    I am not able to get anywhere. I still get “enable third party ….” I have even tried resetting my iPad and still no go.

  • RB

    I have added the app on my iPad mini OK but cannot load it to my iPad 1. I keep getting a message saying “you need to allow third parties….etc” Yet all my settings and steps are the same as what I did for my mini. Is there an issue with iPad 1s?

  • Ryan

    I have loved using Evernote Webclipper and this script for close to two years now. In the leant week, it has stopped working for all sites EXCEPT Evernote.com ,(IE I can create a note of my Evernote page when I am logged in, but not of a random article from espn.com or anywhere else. Any suggestions?

  • RobertoF

    Thank you so much. Works very well. I hope to loose nothing upgrading at iOS 7.
    Nov. 2013

  • Mark

    Super. Thanks :-)

  • Mers

    This is amazing!! Thank you!, and very clear tutorial!! You rock Lorenzo!

  • Nuhlough

    It looks a little difficult process of installation yet it was so interesting. I’m using an iPad for a couple of months and it was really difficult to understand all the great features of an iPad’s. Thanks for this, I find it very interesting techniques.

  • NYOB

    Intelligent, successful, handsome, AND knows how to communicate! Exceptionally well-written directions. Thank you! The only thing I would mention is maybe an update for MAVERICK’s users, that this needs to be done only once. I was pleased to see that after I followed your directions for my iPhone 5, my iPad & my MacBook Pro had already synced.

  • arcandf

    Nice tool, Sir. Is there a way to clip pages from the share command (bottom of iPhone’s screen)? That would entail including the Evernote icon in the “Share” list of application, along Mail and Twitter.

  • Pingback: 비정상회담 다시보기()

  • Pingback: Ipad Evernote Safari | Get Your iPad Now()