[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-how-to-export-highlights-to-notion-with-one-click":3},{"meta":4,"html":32,"authorName":33,"authorFacebookUrl":34,"authorProfileImage":35,"authorWebsite":36,"authorJobTitle":37,"authorTwitterUrl":38,"wordCount":39,"recommended":40},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":10,"canonicalUrl":10,"featureImage":11,"publishedAt":16,"createdAt":17,"updatedAt":18,"featured":19,"readingTime":20,"tags":21,"author":31,"recommendedSlugs":10},"665ae41ee00bcb071a2ced02","how-to-export-highlights-to-notion-with-one-click","post","Export Web Highlights to Notion with One Click","In this article, I will show you how you can seamlessly connect Web Highlights to Notion and export pages and highlights directly to your workspace.",null,{"url":12,"alt":13,"caption":13,"width":14,"height":15},"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F06\u002Fwebhighlights-notion-thumbnail.png","Export to Notion With One Click",1500,800,"2024-06-03T05:32:35.000+00:00","2024-06-01T09:04:30.000+00:00","2024-07-23T14:07:12.000+00:00",false,3,[22,25,28],{"name":23,"slug":24},"Productivity","productivity",{"name":26,"slug":27},"FAQ, Tutorials, and Help","faq",{"name":29,"slug":30},"Notion","notion","marius-bongarts","\u003Cp>\n  \u003Ca\n    href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Web Highlights\n  \u003C\u002Fa>\n  is a tool that allows you to easily save highlights from any webpage directly into your Notion database:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-embed-card\">\n  \u003Ciframe\n    width=\"200\"\n    height=\"113\"\n    src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FrpP2-pphFPw?feature=oembed\"\n    frameborder=\"0\"\n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n    referrerpolicy=\"strict-origin-when-cross-origin\"\n    allowfullscreen=\"\"\n    title=\"Easily Save Highlights From Any Webpage Directly Into Your Notion Database\"\n  >\u003C\u002Fiframe>\n\u003C\u002Ffigure>\n\u003Cp>\n  In this article, I will show you how you can seamlessly connect\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n  to Notion and export pages and highlights directly to your workspace.\n\u003C\u002Fp>\n\u003Cblockquote>\n  To follow along, make sure to have the\n  \u003Ca\n    href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Web Highlights Chrome Extension\n  \u003C\u002Fa>\n  installed.\n\u003C\u002Fblockquote>\n\u003Ch3 id=\"1-connect-to-notion\">1. Connect to Notion\u003C\u002Fh3>\n\u003Cp>\n  First, we need to connect Web Highlights to Notion because the Chrome Extension will directly communicate with the\n  Notion API.\n\u003C\u002Fp>\n\u003Cp>\n  To do that, we need to open the settings and go to the integration sections of Web Highlights. You can find the\n  settings by opening the sidebar and clicking the settings icon:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F0*pP2EYlKRrmtNluS6.png\"\n    class=\"kg-image\"\n    alt=\"\"\n    loading=\"lazy\"\n    width=\"1312\"\n    height=\"586\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>Open the integration settings and click on “Export to Notion”. Now click “Integrate with Notion”:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*DcxHFkLT3ImIYxtb-oF5-Q.png\"\n    class=\"kg-image\"\n    alt=\"\"\n    loading=\"lazy\"\n    width=\"1482\"\n    height=\"498\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>You will be redirected to Notion, where you need to grant access to your Notion account:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*p-9RDazLCz7aV8nATcR7LA.png\"\n    class=\"kg-image\"\n    alt=\"Connect Web Highlights to Notion\"\n    loading=\"lazy\"\n    width=\"2938\"\n    height=\"1478\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Connect Web Highlights to Notion\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>Allow Web Highlights to view, edit, and create new content to transfer your highlights to your Notion database.\u003C\u002Fp>\n\u003Cp>Continue and select the pages you want to grant access to.\u003C\u002Fp>\n\u003Ch3 id=\"2-select-a-page\">2. Select a Page\u003C\u002Fh3>\n\u003Cp>\n  Once connected, go back to your Notion integration settings. Select the page where your highlights will be stored.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*nzw0VaqHMSMRipek4IzIUQ.png\"\n    class=\"kg-image\"\n    alt=\"Select Notion Page\"\n    loading=\"lazy\"\n    width=\"1558\"\n    height=\"348\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Select Notion Page\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>You can see above that I have selected my Notion page called “🚀 Web Highlights”.\u003C\u002Fp>\n\u003Cp>\n  Once you selected a page, you can already see the created database in your Notion page. You can jump to the page by\n  clicking on the Notion preview card.\n\u003C\u002Fp>\n\u003Ch3 id=\"3-export-a-page\">3. Export a Page\u003C\u002Fh3>\n\u003Cp>\n  Ready to go. Now, that we have successfully connected Web Highlights to Notion, we can easily export highlights of a\n  page to Notion.\n\u003C\u002Fp>\n\u003Cp>\n  Navigate to any highlighted page and click the three dots in the sidebar. Select “Export to Notion.” Within a few\n  seconds, your Notion page will be created.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*2PPGfkksr7DcRiSvj7hq5A.png\"\n    class=\"kg-image\"\n    alt=\"Export to Notion\"\n    loading=\"lazy\"\n    width=\"1316\"\n    height=\"704\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Export to Notion\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"3-open-in-notion\">3. Open in Notion\u003C\u002Fh3>\n\u003Cp>\n  Once the page is created, an “Open in Notion” button will appear on your highlighted page. Click this button to\n  directly open the Notion page in your browser.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*0lqHDspvMdEO_qAeJZjOGw.png\"\n    class=\"kg-image\"\n    alt=\"Open in Notion\"\n    loading=\"lazy\"\n    width=\"1248\"\n    height=\"474\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Open in Notion\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You should now be redirected to the created Notion page, with all your highlights directly stored in your Notion\n  database:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*JY8fEKJclzeebIpgJ5qCSA.png\"\n    class=\"kg-image\"\n    alt=\"Exported Notion Page\"\n    loading=\"lazy\"\n    width=\"2994\"\n    height=\"1532\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Exported Notion Page\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Chr \u002F>\n\u003Cp>Enjoy this cool new feature, I hope you like it!\u003C\u002Fp>\n\u003Cp>Thanks for reading!\u003C\u002Fp>\n\u003Cp>\n  Want to learn more about how I scaled my\n  \u003Ca\n    href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener ugc nofollow noopener\"\n  >\n    Chrome Extension\n  \u003C\u002Fa>\n  to 100k+ users as a solopreneur?\n  \u003Ca href=\"https:\u002F\u002Fmedium.com\u002F@mariusbongarts\u002Fsubscribe\" rel=\"noopener\">Subscribe to my stories\u003C\u002Fa>\n  or follow me on\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"noopener ugc nofollow noopener\">LinkedIn\u003C\u002Fa>\n  and\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"noopener ugc nofollow noopener\">Twitter\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",396,[41,80,96],{"id":42,"slug":43,"title":44,"description":45,"url":46,"publishedAt":47,"createdAt":48,"updatedAt":47,"featured":19,"readingTime":49,"tags":50,"imageUrl":54,"imageAlt":55,"faviconUrl":56,"publishedAtString":47,"category":57,"readTimeString":79},"68d24d51e3dc740a7031d7ed","how-to-import-highlights-from-diigo-into-web-highlights","How to Import Highlights from Diigo into Web Highlights","Diigo is a popular browser extension with over 300k users. Here's a quick guide on how to import all your annotations and notes from Diigo into Web Highlights.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-import-highlights-from-diigo-into-web-highlights\u002F","2025-09-24T05:37:31.000+00:00","2025-09-23T07:33:37.000+00:00",4,[51,52,53],"Diigo","integration","Tutorial","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F09\u002Fdiigo-import-thumbnail.png","Diigo logo with an arrow pointing to the Web Highlights marker logo","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[58,65,72],{"type":59,"title":60,"shortTitle":61,"icon":62,"description":63,"excerpt":64},"integrations","Export to Notion, Obsidian & Capacities — Web Highlights Integrations","Integrations","external-link","Connect Web Highlights to your PKM stack: Notion export, Obsidian and Markdown workflows, Capacities, plus imports from Weava, Diigo, Pocket, and exported Chrome bookmarks—so highlights leave the browser without copy-paste fatigue.","Export Chrome bookmarks, send highlights to Notion or Capacities, keep Obsidian in sync with Markdown exports, and migrate Pocket, Weava, or Diigo libraries into one place. Web Highlights is the capture layer for PDF and web research—then you pipe structured notes into the PKM stack you already use (including Kindle → Notion workflows) with native export paths instead of endless copy-paste.",{"type":66,"title":67,"shortTitle":68,"icon":69,"description":70,"excerpt":71},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":73,"title":74,"shortTitle":75,"icon":76,"description":77,"excerpt":78},"bookmarks","Bookmarks, Clips & Save-for-Later","Bookmarks","bookmark","Organize bookmarks, export from Chrome, and capture pages with less chaos. Web Highlights helps you save smarter than the default bookmark bar.","Exporting and organizing bookmarks is a huge search topic for a reason: browser defaults don’t scale. Web Highlights adds structure—tags, notes, and highlights—so saved pages stay findable, whether you’re migrating from Pocket or just tired of duplicate folders.","4 min read",{"id":81,"slug":82,"title":83,"description":84,"url":85,"publishedAt":86,"createdAt":87,"updatedAt":88,"featured":19,"readingTime":89,"tags":90,"imageUrl":91,"imageAlt":83,"faviconUrl":56,"publishedAtString":86,"category":92,"readTimeString":95},"6839496a3bcdf409d92dec9d","how-to-export-bookmarks-and-import-to-web-highlights","How to Export Bookmarks from Chrome & Import to Web Highlights","Learn how to export bookmarks from Chrome, Firefox, Edge & Safari. Restore them in any browser or import into Web Highlights — your bookmark manager.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-bookmarks-and-import-to-web-highlights\u002F","2025-06-01T11:10:59.000+00:00","2025-05-30T06:00:10.000+00:00","2026-03-18T08:35:50.000+00:00",8,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fexport-bookmarks-to-webhighlights.png",[93,94],{"type":73,"title":74,"shortTitle":75,"icon":76,"description":77,"excerpt":78},{"type":59,"title":60,"shortTitle":61,"icon":62,"description":63,"excerpt":64},"8 min read",{"id":97,"slug":98,"title":99,"description":100,"url":101,"publishedAt":102,"createdAt":103,"updatedAt":104,"featured":19,"readingTime":105,"tags":106,"imageUrl":107,"imageAlt":108,"faviconUrl":56,"publishedAtString":102,"category":109,"readTimeString":119},"6831a4c03bcdf409d92deb7a","how-to-export-pocket-saves-and-import-to-webhighlights","How to Export Pocket Data and Import to Web Highlights","Pocket shuts down in July 2025. Learn how to export your Pocket saves & annotations and import them into Web Highlights—the best Pocket alternative.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-pocket-saves-and-import-to-webhighlights\u002F","2025-05-24T13:52:05.000+00:00","2025-05-24T10:51:44.000+00:00","2026-04-08T08:25:23.000+00:00",5,[53],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F05\u002Fhow-to-export-pocket-data-thumbnail.png","Web Highlights makes it easy to import all your data from Pocket",[110,111,118],{"type":73,"title":74,"shortTitle":75,"icon":76,"description":77,"excerpt":78},{"type":112,"title":113,"shortTitle":114,"icon":115,"description":116,"excerpt":117},"kindle-reading","Kindle, Blinkist & Read-It-Later","Kindle & reading apps","book","Keep highlights from Kindle, Blinkist, and read-it-later apps in one learning flow. Web Highlights connects reading apps to review and export.","Highlights trapped inside a single app don’t compound. Web Highlights is built for readers who jump between Kindle, Blinkist, Pocket-style queues, and the web—so retention workflows (and exports) still work when your library spans more than one platform.",{"type":59,"title":60,"shortTitle":61,"icon":62,"description":63,"excerpt":64},"5 min read"]