(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26088],{268582:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/web-clipper",function(){return i(764361)}])},231875:function(e,t,i){"use strict";i.d(t,{x:function(){return n}});var s=i(552322),a=i(602261);function n(e){let{children:t}=e;return(0,s.jsx)("div",{className:a.align,children:t})}},675516:function(e,t,i){"use strict";i.d(t,{Z:function(){return r}});var s=i(552322),a=i(240926),n=i(509020),o=i(734503);function r(e){let{src:t,alt:i,height:r,width:l,mobileMaxWidth:c=320}=e;return(0,s.jsx)("div",{className:o.heroImage,style:{[(0,a.Ay)("--hero-image-width")]:`${l}px`,[(0,a.Ay)("--hero-image-mobile-max-width")]:`${c}px`},children:(0,s.jsx)(n.E,{src:t,alt:i,height:r,width:l,priority:!0,className:o.image})})}},156085:function(e,t,i){"use strict";i.d(t,{N:function(){return n}});var s=i(552322);i(202784);var a=i(984114);function n(e){let{children:t}=e;return(0,s.jsx)("div",{className:a.onlyDesktop,children:t})}},837168:function(e,t,i){"use strict";i.d(t,{A:function(){return n}});var s=i(552322);i(202784);var a=i(500786);function n(e){let{children:t}=e;return(0,s.jsx)("div",{className:a.onlyMobile,children:t})}},694766:function(e,t,i){"use strict";i.d(t,{M:function(){return c}});var s=i(552322),a=i(72779),n=i.n(a);i(202784);var o=i(938101),r=i(390262),l=i(285461);function c(e){let{title:t,caption:i,illustration:a,alignLeft:c}=e,p=n()(l.header,c&&"align-left");return(0,s.jsxs)("div",{className:p,children:[a&&(0,s.jsx)("div",{className:l.illustration,children:a}),(0,s.jsxs)("div",{className:"text",children:[(0,s.jsx)(r.D,{level:"h2",size:"m",children:t}),i&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.L,{height:8}),(0,s.jsx)(r.D,{level:"h3",size:"xxxs",fontWeight:"medium",color:"medium",children:i})]})]})]})}},861451:function(e,t,i){"use strict";i.d(t,{R:function(){return m}});var s=i(552322),a=i(205632),n=i(202784),o=i(772769),r=i(183428),l=i(491414),c=i(152706),p=i(787923),d=i(246569),g=i(83860),u=i(778083);function m(e){let{persona:t,caption:i,buttonTitle:p,analyticsContext:m,frontSource:x}=e,f=(0,g.F)(),b=(0,a.useRouter)(),j=(0,r.YB)(),[w,_]=(0,n.useState)(""),v=function(e,t){let i=e.formatMessage({defaultMessage:"Enter your email...",id:"frontSignupComponent.input.placeholder"});switch(t){case"personal":default:return i;case"team":return e.formatMessage({defaultMessage:"Enter your work email...",id:"frontSignupComponent.input.placeholder.work"});case"education":return e.formatMessage({id:"frontSignupComponent.emailInput.educationEmailPlaceholder",defaultMessage:"Enter your school email…"})}}(j,t);return(0,s.jsxs)("div",{className:u.signupWrap,children:[(0,s.jsxs)("div",{className:u.signup,children:[(0,s.jsx)(d.I,{value:w||"",onChange:e=>_(e.target.value),placeholder:v,"aria-label":v,type:"email"}),(0,s.jsx)("div",{className:u.signupButtonWrap,children:(0,s.jsx)(c.z,{variant:"primary",onClick:()=>(function(e){let{device:t,router:i,email:s,analyticsAction:a,analyticsContext:n,label:r,frontSource:l}=e;i.push(s.length?{pathname:o._j.signup,query:{email:s,referrer:l}}:o._j.signup,void 0,{locale:!1}),a(t,{name:"signup_input",context:n,label:r})})({device:f,router:b,email:w,analyticsAction:l.t,analyticsContext:m,frontSource:x}),children:p||(0,s.jsx)(r._H,{id:"frontSignupComponent.submitButton.label",defaultMessage:"Sign up"})})})]}),i&&(0,s.jsx)(h,{persona:t})]})}function h(e){let{persona:t}=e;return(0,s.jsx)("div",{className:u.caption,children:function(e){switch(e){case"personal":return(0,s.jsx)(r._H,{id:"signupInput.caption.short",defaultMessage:"For web, mobile, Mac & Windows"});case"team":return(0,s.jsx)(r._H,{id:"signupInput.caption.enterprise",defaultMessage:"Or <contactsales>contact sales</contactsales> to learn more.",values:{contactsales:e=>(0,s.jsx)(p.u,{href:o._j.contactSales,eventData:{name:"contact_sales",context:"signup_input_caption"},children:e})}});case"education":return(0,s.jsx)(r._H,{id:"frontEducationPage.signupInput.caption",defaultMessage:"Notion is free when you sign up with a school email address. No credit card required."});default:return(0,s.jsx)(r._H,{id:"signupInput.caption.standard",defaultMessage:"For teams & individuals — web, mobile, Mac, Windows."})}}(t)})}},311365:function(e,t,i){"use strict";i.d(t,{i:function(){return r}});var s=i(552322),a=i(183428),n=i(509020),o=i(718026);function r(e){let{image:t}=e,i=(0,a.YB)().formatMessage({id:"tweetsComponent.altText",description:"A screenshot of Tweets from users expressing their interest in Notion",defaultMessage:"A collection of Tweets from users who like using Notion"});return(0,s.jsx)("div",{className:o.tweetsOuter,children:(0,s.jsx)("div",{className:o.tweetsScroller,children:(0,s.jsx)("div",{className:o.tweetsInner,children:(0,s.jsx)("div",{className:o.tweetsImage,children:(0,s.jsx)(n.E,{width:t.width,height:t.height,src:t.src,alt:i,className:o.image})})})})})}},764361:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return O}});var s=i(552322);i(202784);var a=i(183428),n=i(240926),o=i(387430),r=i(231875),l=i(274597),c=i(665721),p=i(410570),d=i(675516),g=i(509020),u=i(323271),m=i(546086),h=i(855910),x=i(293086),f=i(156085),b=i(837168),j=i(349592),w=i(694766),_=i(861451),v=i(938101),S=i(175585),C=i(962093),W=i(390262),N=i(311365),M=i(762375),y=i(83860),P=i(961268),k=i(689889);function H(){return(0,s.jsx)(j.$,{marginSize:"m",analyticsName:"hero",children:(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsxs)(r.x,{align:"center",children:[(0,s.jsx)(d.Z,{src:o.Z.pages.webClipper.webClipperHeroIllustrationPng,alt:"",height:270,width:323}),(0,s.jsx)(v.L,{height:30}),(0,s.jsx)(W.D,{level:"h1",size:"xl",children:(0,s.jsx)(a._H,{id:"frontWebClipperPage.title",defaultMessage:"Notion Web Clipper"})}),(0,s.jsx)(v.L,{height:8}),(0,s.jsx)(W.D,{level:"h2",size:"xxxs",fontWeight:"medium",color:"medium",children:(0,s.jsx)(a._H,{id:"frontWebClipperPage.subtitle",defaultMessage:"Save any page on the web to Notion. We'll help you turn them into action."})}),(0,s.jsx)(v.L,{height:20}),(0,s.jsx)(b.A,{children:(0,s.jsx)(r.x,{align:"center",children:(0,s.jsx)(Z,{})})}),(0,s.jsx)(f.N,{children:(0,s.jsx)(r.x,{align:"center",children:(0,s.jsxs)("div",{className:k.buttonWrap,children:[(0,s.jsx)("div",{className:k.buttonItemHero,children:(0,s.jsx)(l.J,{format:"chromeWebClipper"})}),(0,s.jsx)("div",{className:k.buttonItemHero,children:(0,s.jsx)(l.J,{format:"safariWebClipper"})}),(0,s.jsx)("div",{className:k.buttonItemHero,children:(0,s.jsx)(l.J,{format:"firefoxWebClipper"})})]})})})]})})})})}function I(){var e;let t=(e=(0,a.YB)(),(0,n.Ay)([{header:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.clickToSave.title",defaultMessage:"Save it with one click"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.clickToSave.caption",defaultMessage:"Just hit the Notion logo to save any page you’re on."}),image:{src:o.Z.pages.webClipper.desktop01Png,width:880,height:680,alt:e.formatMessage({id:"frontWebClipperPage.desktopSection.clickToSave.caption.altText",defaultMessage:"A screenshot of Web Clipper saving a page in to Notion",description:"Alt text of an image"})},style:"shadow"},{header:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.addDestination.title",defaultMessage:"Choose its destination"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.addDestination.caption",defaultMessage:"Give it a home in Notion using the dropdown."}),image:{src:o.Z.pages.webClipper.desktop02Png,width:880,height:680,alt:e.formatMessage({id:"frontWebClipperPage.desktopSection.addDestination.caption.altText",defaultMessage:"A screenshot of a popup menu showing a search field in a Notion Database",description:"Alt text of an image"})},style:"shadow"},{header:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.addActions.title",defaultMessage:"Make it actionable"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.addActions.caption",defaultMessage:"Add notes, share it, make it a task. Every item can be tagged, assigned and more."}),image:{src:o.Z.pages.webClipper.desktop03Png,width:880,height:680,alt:e.formatMessage({id:"frontWebClipperPage.desktopSection.addActions.caption.altText",defaultMessage:"A screenshot of a popup menu showing tags in a Notion Database",description:"Alt text of an image"})},style:"shadow"},{header:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.database.title",defaultMessage:"Stay organized"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.database.caption",defaultMessage:"Keep a database of your clips for future reference and projects."}),image:{src:o.Z.pages.webClipper.desktop04Png,width:880,height:680,alt:e.formatMessage({id:"frontWebClipperPage.desktopSection.database.caption.altText",defaultMessage:"A screenshot of multiple entries in a Notion database",description:"Alt text of an image"})},style:"shadow"}]));return(0,s.jsxs)(j.$,{marginSize:"l",analyticsName:"web_clipper_desktop_features",children:[(0,s.jsx)(S.K,{marginSize:"m",children:(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:10,l:8,xl:8},customStart:{m:2,l:3,xl:3},children:(0,s.jsx)(w.M,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.title",defaultMessage:"On desktop"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.desktopSection.caption",defaultMessage:"One click to clip anything and view in Notion, online or off."})})})})}),(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:10,l:8,xl:8},customStart:{m:2,l:3,xl:3},children:(0,s.jsx)(p.A,{features:t,headingLevel:"h3",gridColumns:8})})})]})}function A(){let e=(0,a.YB)();return(0,s.jsxs)(j.$,{marginSize:"l",analyticsName:"web_clipper_mobile_features",children:[(0,s.jsx)(S.K,{marginSize:"m",children:(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsx)(w.M,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.title",defaultMessage:"On iOS & Android"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.subtitle",defaultMessage:"Mobile app comes with built-in web clipper."})})})})}),(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsx)(r.x,{align:"center",children:(0,s.jsxs)("div",{className:k.mobileSectionWrap,children:[(0,s.jsxs)("div",{className:k.mobileChromeWrap,children:[(0,s.jsx)(D,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.saveAnything.title",defaultMessage:"Save anything with just two taps."}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.saveAnything.caption",defaultMessage:"Now the share options in mobile browser include saving to Notion."})}),(0,s.jsx)(m.s,{format:"iPhone",children:(0,s.jsx)(g.E,{width:750,height:1334,src:o.Z.pages.webClipper.shareSheetBeforePng,alt:e.formatMessage({defaultMessage:"A screenshot of an iOS share sheet showing Notion amongst other apps to save a link to",id:"frontWebClipperPage.mobileSection.saveAnything.altText",description:"Alt text of an image"}),className:k.image})})]}),(0,s.jsxs)("div",{className:k.mobileChromeWrap,children:[(0,s.jsx)(D,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.partOfFlow.title",defaultMessage:"Make it part of your flow."}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.mobileSection.partOfFlow.caption",defaultMessage:"Tag whatever you save, so you can easily find and use it later."})}),(0,s.jsx)(m.s,{format:"iPhone",children:(0,s.jsx)(g.E,{width:750,height:1334,src:o.Z.pages.webClipper.shareSheetAfterV2Png,alt:e.formatMessage({defaultMessage:"A screenshot of a link shared to a Notion Document with properties",id:"frontWebClipperPage.mobileSection.partOfFlow.altText",description:"Alt text of an image"}),className:k.image})})]})]})})})})]})}function D(e){let{title:t,caption:i}=e;return(0,s.jsxs)("div",{className:k.captionWrap,children:[(0,s.jsx)(C.x,{tag:"p",size:"caption",align:"center",color:"dark",fontWeight:"medium",children:t}),(0,s.jsx)(v.L,{height:3}),(0,s.jsx)(C.x,{tag:"p",size:"caption",align:"center",color:"medium",children:i})]})}function T(){let e=(0,a.YB)();return(0,s.jsxs)(j.$,{marginSize:"l",analyticsName:"web_clipper_websites",children:[(0,s.jsx)(S.K,{marginSize:"m",children:(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsx)(w.M,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.title",defaultMessage:"Put the whole web into Notion"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.caption",defaultMessage:"Notion's Web Clipper supports the internet's top sites."})})})})}),(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsxs)(r.x,{align:"center",children:[(0,s.jsx)("div",{className:k.websiteItems,style:{[(0,n.Ay)("--website-items-count")]:L.length},children:L.map((t,i)=>(0,s.jsxs)("div",{className:k.websiteItem,children:[(0,s.jsx)(g.E,{src:t.logo,width:42,height:42,loading:"eager",alt:e.formatMessage({defaultMessage:"Logo of website",id:"frontWebClipperPage.websitesSection.altText",description:"Alt text of an image"}),className:k.image}),(0,s.jsx)("div",{className:k.websiteTitle,children:(0,s.jsx)(C.x,{tag:"span",size:"caption",color:"medium",children:t.title})})]},`website-item-${i}`))}),(0,s.jsx)(v.L,{height:30}),(0,s.jsx)("div",{className:k.favoriteWebsites,children:(0,s.jsx)(g.E,{width:1640,height:1120,src:o.Z.pages.webClipper.favoriteWebsitesPng,alt:e.formatMessage({id:"frontWebClipperPage.websitesSection.screenshot",defaultMessage:"Examples of websites that can be saved in Notion's Web Clipper",description:"A screenshot of various websites arranged in a pattern"}),className:k.image})})]})})})]})}function z(){return(0,s.jsxs)(j.$,{marginSize:"l",children:[(0,s.jsx)(S.K,{marginSize:"s",children:(0,s.jsx)(h.D,{children:(0,s.jsx)(x.H,{customSpan:{m:8,l:8,xl:8},customStart:{m:3,l:3,xl:3},children:(0,s.jsx)(w.M,{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.tweetSection.title",defaultMessage:"New to Notion?"}),caption:(0,s.jsx)(a._H,{id:"frontWebClipperPage.tweetSection.caption",defaultMessage:"It’s easy to get started."})})})})}),(0,s.jsx)(b.A,{children:(0,s.jsx)(r.x,{align:"center",children:(0,s.jsx)(Z,{})})}),(0,s.jsx)(f.N,{children:(0,s.jsx)(r.x,{align:"center",children:(0,s.jsxs)("div",{className:k.desktopCtas,children:[(0,s.jsx)("div",{children:(0,s.jsx)(_.R,{persona:"personal"})}),(0,s.jsx)("div",{className:k.separator}),(0,s.jsxs)("div",{className:k.buttonWrap,children:[(0,s.jsx)("div",{className:k.buttonItem,children:(0,s.jsx)(l.J,{format:"chromeWebClipper",variant:"tertiary"})}),(0,s.jsx)("div",{className:k.buttonItem,children:(0,s.jsx)(l.J,{format:"safariWebClipper",variant:"tertiary"})}),(0,s.jsx)("div",{className:k.buttonItem,children:(0,s.jsx)(l.J,{format:"firefoxWebClipper",variant:"tertiary"})})]})]})})})]})}function Z(){let{isAndroid:e}=(0,y.F)();return(0,s.jsx)(l.J,{format:e?"playStore":"appStore",variant:"primary"})}function E(){return(0,s.jsx)(j.$,{marginSize:"l",analyticsName:"tweets",children:(0,s.jsx)(N.i,{image:{src:o.Z.shared.tweetsV2Png,width:2456,height:1776}})})}let L=[{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.wikipedia",defaultMessage:"Wikipedia"}),logo:o.Z.pages.webClipper.logos.wikipediaPng},{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.nyt",defaultMessage:"NYT",description:"Caption for the New York Times website in a gallery of websites."}),logo:o.Z.pages.webClipper.logos.nytimesPng},{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.twitter",defaultMessage:"Twitter"}),logo:o.Z.pages.webClipper.logos.twitterPng},{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.instagram",defaultMessage:"Instagram"}),logo:o.Z.pages.webClipper.logos.instagramPng},{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.pinterest",defaultMessage:"Pinterest"}),logo:o.Z.pages.webClipper.logos.pinterestPng},{title:(0,s.jsx)(a._H,{id:"frontWebClipperPage.websitesSection.websiteGallery.andMore",defaultMessage:"And more…"}),logo:o.Z.pages.webClipper.logos.morePng}];var O=!0;t.default=function(){let e=(0,a.YB)(),t=(0,P.b)(),i=e.formatMessage({id:"frontWebClipperPage.documentTitle",defaultMessage:"{localizednotion} Web Clipper for Chrome, Safari, Firefox, and mobile",description:"Page title for /web-clipper"},{localizednotion:(0,M.w)(t)}),n={title:i,description:e.formatMessage({id:"webClipper.meta.description",defaultMessage:"Save any web page on Notion. Annotate and organize to your heartʼs content.",description:"Appears when notion.so/web-clipper is shared on social media"}),image:o.Z.meta.webClipperPng};return(0,s.jsxs)(u.A,{title:i,metadata:n,preview:!1,children:[(0,s.jsx)(H,{}),(0,s.jsx)(I,{}),(0,s.jsx)(c.i,{}),(0,s.jsx)(A,{}),(0,s.jsx)(c.i,{}),(0,s.jsx)(T,{}),(0,s.jsx)(c.i,{}),(0,s.jsx)(z,{}),(0,M.vO)(t)&&(0,s.jsx)(E,{})]})}},602261:function(e){e.exports={align:"align_align__oykj6"}},734503:function(e){e.exports={heroImage:"heroImage_heroImage__JwM8R",image:"heroImage_image__g8UIT"}},984114:function(e){e.exports={onlyDesktop:"onlyDesktop_onlyDesktop__l2m2E"}},500786:function(e){e.exports={onlyMobile:"onlyMobile_onlyMobile__2ZKI6"}},285461:function(e){e.exports={header:"sectionHeader_header__Wio__",alignLeft:"sectionHeader_alignLeft__49sXQ",illustration:"sectionHeader_illustration__8whx_",caption:"sectionHeader_caption__r6PQa"}},778083:function(e){e.exports={signupWrap:"signupInput_signupWrap__RsFnO",signup:"signupInput_signup__Gzgnd",signupButtonWrap:"signupInput_signupButtonWrap__py78I",isCentered:"signupInput_isCentered__BG5LW",caption:"signupInput_caption__aynwl"}},718026:function(e){e.exports={tweetsOuter:"tweets_tweetsOuter__ox8F_",tweetsScroller:"tweets_tweetsScroller__x_Zw9",tweetsInner:"tweets_tweetsInner__Er8tp",tweetsImage:"tweets_tweetsImage__y3DUP",image:"tweets_image__n2LFq"}},689889:function(e){e.exports={buttonWrap:"web-clipper_buttonWrap__1Soky",buttonItemHero:"web-clipper_buttonItemHero__4B_9Z",mobileSectionWrap:"web-clipper_mobileSectionWrap__sPipv",mobileChromeWrap:"web-clipper_mobileChromeWrap__LJyiZ",captionWrap:"web-clipper_captionWrap__1wLPo",websiteItems:"web-clipper_websiteItems__RxSLr",websiteItem:"web-clipper_websiteItem__JkrcZ",websiteTitle:"web-clipper_websiteTitle__HRqK_",favoriteWebsites:"web-clipper_favoriteWebsites__JaGlC",buttonItem:"web-clipper_buttonItem__hvUnB",desktopCtas:"web-clipper_desktopCtas__07Li4",separator:"web-clipper_separator__lJjhE",image:"web-clipper_image__nFhYN"}}},function(e){e.O(0,[68477,86802,96577,59680,88524,24883,63088,81712,22246,89450,2571,26154,45149,31188,40773,68812,67305,67014,68821,75603,74597,92888,49774,40179],function(){return e(e.s=268582)}),_N_E=e.O()}]);