How to Use Notion Web Clipper
Notion (link to Notion web site)has been steadily adding more and more functionality to it’s all-in-one productivity wiki service. In January 2019, Notion introduced it’s web clipper, a browser extension that allows you to clip all or parts of web pages into Notion. This blog post will explore in detail how the Notion Web Clipper works.
While this post will go into detail on how to use the web clipper, enclosed below are the steps required to use the Notion Web Clipper:
- Install the Notion Web Clipper browser extension
- Log into Notion Web Clipper
- Browse to site you want to clip
- Click the Notion Web Clipper button in the browser bar
- Rename your clip if necessary
- Select the Page you want to clip to
- Press the Save Page button or press Enter to clip the web content to your Notion page
Before we get started, looking for more Notion tips? Check out our article containing 14 essential Notion tips at the link below:
14 Amazing Notion Tips You Must Know article
If you are looking to learn even more about Notion or other apps, Skillshare is a great resource to check out. Skillshare has courses on Notion, Evernote, Todoist, Things 3, Trello and more. In fact, there is a great Notion course by Francesco D’Alessio on Notion that you can check out at the link below:
Link to Notion Course on Skillshare
Supported Desktop Web Browsers for the Notion Web Clipper Browser Extension
The Notion Web Clipper is supported on the following desktop web browsers:
- Google Chrome
- Mozilla Firefox
Supported Mobile Platforms for Notion Web Clipper
Notion supports both the Android and iOS platforms for mobile. For iOS you need to be running iOS version 11.0 or above to use the web clipper. For Android, you need to be running version 5.0 (Lollipop) or greater to use the web clipper.
1. Install the Notion Web Clipper Browser Extension
Install the Notion Web Clipper Browser Extension for Google Chrome
To install the Notion Web Clipper browser extension for Google Chrome, go the the Notion Web Clipper page on the Chrome Web Store (link below):
link to Notion Web Clipper extension on Chrome Web Store
Click on the Add to Chrome button to start the installation process.
A pop-up dialog box will appear with the heading Add “Notion Web Clipper”? and a list of permissions the web clipper would have.
Click the Add extension button to install the Notion Web Clipper into Google Chrome.
Install the Notion Web Clipper Browser Extension for Mozilla Firefox
To install the Notion Web Clipper browser extension for Mozilla Firefox, do the following:
- Go to the Notion Web Clipper website: link to Notion Web Clipper web site
- Click on the Install for Firefox button to start the browser extension installation process
- You should now be on the Firefox Add-ons page for Notion Web Clipper. Click the Add to Firefox button
- A pop-up dialog box will appear with the heading Add Notion Web Clipper? and a list of the permissions the web clipper will have. Press the Add button to add the browser extension
- Another pop-up dialog box will appear stating that Notion Web Clipper has been added to Firefox
2. Log into Notion Web Clipper
If you are not already logged into Notion via your browser, you will need to login to your Notion account via the Notion Web Clipper. To login into your account, do the following:
- Click on the Notion Web Clipper button in the browser bar
- A pop-up dialog box will appear indicating that you need to login. Click the Log In button to start the login process
- You will be redirected to the Notion login page on Notion’s website. Either press the Continue with Google button if you signed up for your Notion account using Google authentication or click the continue with email if you used your email address for your Notion account
- Complete the login process and the Web Clipper will be ready to clip
3. Browse to site you want to clip
Once you are logged into the Notion Web Clipper, browse to the website that you want to clip.
4. Click the Notion Web Clipper button in the browser bar
Once you have navigated to the site you want to clip into Notion, click on the Notion Web Clipper button in the browser bar.
5. Rename your clip if necessary
By default, the clip will capture the title of the webpage you are clipping. You can edit it, however. Simply click inside the title text box and type in what you want.
6. Select the Page you want to clip to
Perhaps the nicest thing about the Notion Web Clipper is that it lets you choose the page or database to clip to. Once you press the Notion Web Clipper button, the clipping user interface (UI) appears and one of the options is Add to with a drop-down menu containing pages and databases in your Notion account. Simply select the page or database you want to clip your web page to and press Save Page or hit Enter to save the page to your defined Notion destination.
Output of a web clip to a Notion page
The output of the Notion web clip in a Notion page, to me, most resembles the “Simplified Article” clip format in the Evernote Web Clipper. All of the advertising and extraneous stuff is removed by Notion and you are left with the core page content. I have included a couple of images of a web clip in a Notion page below:
Output of a web clip to a Notion Database
If you send your web clip to a Notion Database, the link will show up as a subpage of the database you saved it to.
If you go to the database table, you will see your web clip as a page assigned to a row of your table. It will also populate the URL property if it exists in your table with the URL of the original clipped webpage. If the URL property doesn’t exist prior to the clipping, Notion will append it to your table.
Web Clip to a New Links Database
Alternately, Notion will let you create a new links database page. This is essentially capturing the bookmark of the webpage. This new page will automatically be added to the My Links page in Notion as a subpage. To create a new links database page, do the following:
- Navigate to page you want to create the bookmark page in Notion for
- Click the Notion Web Clipper button in the browser bar
- Go to Add to and click the drop-down menu
- Select new links database from the drop-down menu
- Click Save Page or press Enter to save the page
Notion Web Clipper for iOS
Clipping web pages in Notion on iOS is really easy. Notion uses the Share Sheet functionality with it’s web clipper. To clip a website to Notion in iOS, do the following
1. Browse to webpage you want to clip
Browse to the webpage you want to clip. You can use Safari or Chrome as both provide access to the Share Sheet.
2. Click the “Share” button
Once you have the website open in your browser, click the “Share” button to bring up the Share Sheet.
3. Click the “More…” Button
If Notion is not one of the options shown in the Share Sheet, press the “More” button. This will bring up a list of the applications that can use the Share Sheet.
4. Toggle the Switch by Notion to “ON”
Notion should appear in the list of options. Toggle the on/off switch to on (the toggle should turn green to indicate it’s on). Press “Done” once the Notion toggle in turned on.
5. Press the Notion Button
You should be back at the main Share page. Press the “Notion” button to bring up the Notion Web Clipper.
6. Adjust the Title and What Page or Database to Save the Web Clipping to
You should now see the “Notion” share page. It will contain the title of your page and the “Add to” label with a drop-down menu to the right. Edit the title if necessary and select the page or database you want to save the web page to. Press “Save” when done to save the web page to Notion.
7. Go into Notion and See Your Clipped Webpage
Open the Notion app on your device and go to the page or database where you saved your web clipping. You should see your page minus any advertisements and non-core content.
Please Subscribe to our Newsletter and YouTube Channel
If you are enjoying the content on this site, please subscribe to our newsletter (subscription form is in the right side panel). Also we just launched a YouTube channel. Please check it out and let us know what you think. If you like it, subscribe to be notified when we release new videos.
link to The Productive Engineer YouTube Channel
Subscribe to Our Newsletter
If you like this article, subscribe to our newsletter. It contains tips and tricks to help you get things done.
Check out our Resources page
Check out our resources page for the products and services we use everyday to get things done or make our lives a little easier at the link below:
Summary
Notion continues to be one of the most innovative productivity services on the market today. The Notion Web Clipper is a great start for Notion in expanding how they enable users to quickly get web content into Notion. There are a couple of features that would make the web clipper even better like the ability to add tags directly in the web clipper and the ability to screenshot part of a webpage but I have no doubt Notion is working on these features as speak. The current version of the web clipper is a great first step.
Helpful Links
Notion Web Clipper webpage
link to Notion Web Clipper webpage
Notion Help and Support webpage
link to Notion Help and Support webpage
Notion Web Clipper HowTo webpage
link to Notion Web Clipper HowTo webpage
Other Articles You May Be Interested In
How to Create a Project Tracker in Notion
link to How to Create a Project Tracker in Notion
How to Embed a Google Sheet into a Notion Page
link to How to Embed a Google Sheet into a Notion Page
How to Import an Excel Spreadsheet into Notion
link to How to Import an Excel Spreadsheet into Notion
How to Embed Codepen into Notion
link to How to Embed Codepen into Notion
