Notion Web Clipper, but better

Daniel Wirtz

1 week ago

Status
Slug
Desciption
Featured
Cover Video
Cover Image
Social Image
Publish date
Last edited time
Created time
URL
Have you used the Notion Web Clipper?
If so, you might have the same experience as I have. It can save pages, but that’s also where it stops in functionality and use, which for me was a bit disappointing.
What I really like about Notion is how powerful and modular it is. The whole “lego block” approach just clicks with me. However, I’ve always thought that Notion’s own web clipper doesn’t live up to what Notion aspires to be.
So for the past few months, I’ve set aside mornings and evenings to work on a better Notion Web Clipper alternative called Clipper. (Kept it simple here with the name)
And I’ve developed it with this question in mind:
What would a Notion Web Clipper look like if it were easy to use, had powerful features, and fit perfectly into Notion?
I’ve made good progress, but I still have some ground to cover.
Here are some of the features that I've built into Clipper so far:

Property support

Databases are definitely one of Notion’s best features. With Clipper, you can connect to any of your databases and view all their properties. As well as reorder and hide them if needed.
Then, when you’re browsing a website, Clipper lets you quickly update those property values—so you can save content in the exact format that best fits your use cases.

Page support

Compared to other Notion extensions, Clipper offers almost the same editing tools as Notion’s editor to create page content. It supports markdown, headings, tasks, lists, links, code blocks, blockquote.
The only thing it doesn’t support are native Notion blocks like mentions or page links. It took some time to get it right, but I’m really happy with how it turned out.

Template and variables

One of my main goals with Clipper is to help people save time. I see a lot of potential in using templates with smart variables to achieve this.
Right now, you can create and update a template in Clipper, and it will load automatically whenever you open a new widget. Inside these templates, you can include variables like the page URL, title, time, and more. I’m also planning to add even more variables down the line.

Adapt in size

Having used a range of Web Clipper solutions, I’ve seen different use cases for myself. Sometimes I just want to quickly save a link and have it stored. Other times, I want to take more time to dive into a website (such as an article) to highlight and add extra notes. To improve this, Clipper is extendable. By default, it opens in a floating window, but it can also be quickly turned into a sidebar that makes it a joy to take notes and add page highlights.

Highlight and quickly add content

Since Clipper has such a powerful editor, I wanted to make it easy for users to import rich text straight from a web page. When Clipper is open, users just select any text they want and add it with a single click. I’m hoping the same functionality to images soon.

Subscribe to my blog

Helpful tools, thoughtful articles and other findings from the web. From my desk to yours.