Add Custom Domains To Your Notion Webpages!

[@DimitrisKamaritis]

Hey guys! Thanks a lot for watching this video! This video is a little out-dated by now so if you are looking for a more robust solution for building websites with Notion I recommend checking out Super: rcl.ink/6HICh

[@harshmoolani3400]

Do you know if we can make it in dark mode?

[@DimitrisKamaritis]

@@harshmoolani3400 I don't think there is a way to do that at the moment. All the public Notion pages are by default in Light Mode.

[@nd4000]

@@harshmoolani3400 Press ctrl shift l or cmd shift l

[@mahmoudramdane2848]

@@nd4000 then?

[@nd4000]

@@mahmoudramdane2848 Ctrl shift L not I that's it

[@game.designer]

This is what I'm looking for. Also this is a way to have portfolio website less expensive. Well done

[@omarkhalaf1611]

Thanks, Dimitris! Works perfectly 🔥 One quick tip is that you forgot to mention the custom Google Fonts, works seamlessly as well.

[@PerfectionismRewired]

Hey Dimitris! Cloudflare no longer shows Manage Workers as an option (they changed their interface). Now it asks if you want to Create a Service. Where do I paste the script?

[@alzibaba]

This is totally awesome Dimitris, thank you! I've managed to tag on public Notion pages to my main site using this, and while I was worried that using my root domain name would cause a conflict with my main site, because of the pretty URL addition it works perfectly. I can even integrate it into the menu system on my main site for a smooth user experience. Thanks a million!

[@shamayagaron5680]

Hey Alastair - how were you able to do this? I also want to integrate it on the menu system on my main site, but it only seems to work by replacing my main site with the Notion page. Did you use subdomains to get around this? Or what did you enter into the code generator?

[@alzibaba]

​@@shamayagaron5680 Ah, I seem to have cracked the subdomain option. When I add a subdomain in Fruition, it won't give me the code. The Copy the Code button stays greyed out. So I generated the code with the root address, then in the code, added the subdomain to the root address. Then I added a worker and route with the subdomain address in Cloudflare using this code, as in the instructions, and bingo. Just be careful when you're editing the code: I introduced a typo without realising and went round in circles a while wondering why it wasn't working 🤣🤷🏼‍♂️

[@tykho2482]

This is a dream come true for me! Trying now!

[@arjansahni]

Hey @dimitri, thanks for this amazing video. Unfortunately the 'Add Root' button not showing up for the last step. Any suggestions on how to do this in 2022?

[@rohanbhattacharya]

Hey Dimitris, this is a great video. I somehow ran into a problem. The page doesn't seem to be mobile responsive when I open on my phone. Any solution?

[@em-8-8]

Thanks a lot for this tutorial, I gonna check the setup asap

[@mayaibuki]

I used it and it works, thank you so much!

[@abinavjain3]

Solution For error 1034 ?

[@paolamartinez2338]

Hi Dimitris, thanks for the video! My website doesn't have an A record, and when I try adding it with my root domain I get the error "DNS Validation Error (Code: 1004) This record type cannot be proxied". Do you know how I can fix it?

[@ruanzy]

I'm having the same issue. Did you manage to fix it?

[@igormakovsky]

Same error. What do?

[@neoxu7881]

@@TaoSieuNhan uncheck proxy

[@shivasaket7771]

@@neoxu7881 If you do that,you will face problems at the very end

[@benjixdaily]

Verify the IP address of your origin server is correct, is not a Cloudflare IP and has not recently been changed by your hosting provider Remove any blank spaces before and after the IP address Wait a few minutes and try again

[@Maxkut]

Thanks a million!! You did a really good video, understood everything! Best regards, Max

[@forhumanrightsglobal]

Thanks Dimitris for the video! Would also be great if you show how to make entire website with Notion!

[@ConradLin]

Hey Mack! If you're looking for ways to use Notion to make an entire website, there's another way you can try too - by using notion as a CMS. I personally use fruition for my notion related work, but for my personal websites, I like to do it this way: kzbin.info/www/bejne/mn68fIuMm51rgJI Dimitris, love your video, hope you don't mind me sharing that resource!

[@DimitrisKamaritis]

You're very welcome Mack! Sure, I will add that to my future content list. Any type of website in particular that you are interested in or just any type of informational website?

[@DimitrisKamaritis]

Hi Mack, I just released a full tutorial on it: kzbin.info/www/bejne/iV7Xc6iKhpx-qZI

[@DimitrisKamaritis]

@@ConradLin Thanks for sharing! I'm actually currently learning Gatsby myself, this looks very interesting.

[@evan.5967]

@@DimitrisKamaritis This question is in regards to Fruition. Is it necessary to have a Cloudfare account? Because it is asking me to set up a domain and I haven't bought one yet. I just want to script inject, not have a custom domain. Is there a workaround? Thanks, Evan.

[@iamvritant]

Found this video very helpful. Thank you so much for videofying the website... Fruition is a really cool resource indeed :)

[@negrinha]

Great value on this video, clear and straight to the point! Thank you so much for sharing!

[@namvu8674]

Yeah! Hey Dimitris, thank you very much.

[@TonyMilanoOfficial]

Watching you type the password and it checks off the requirements was so satisfying.

[@DimitrisKamaritis]

I just noticed that haha

[@evan.5967]

@@DimitrisKamaritis Hi This question is in regards to Fruition. Is it necessary to have a Cloudfare account? Because it is asking me to set up a domain and I haven't bought one yet. I just want to script inject, not have a custom domain. Is there a workaround? Thanks, Evan.

[@shashankbharadwajs9569]

Fantastically explained ..Keep up the good content :D IT WORKS!!! Thanks to Dimitris , Notion and Fruition !!

[@KaivanDave]

Thank you very much for this amazing video. I was able to get my custom domain to work.

[@iCosmictube]

Thank you, create all i need in about 20-30 minutes

[@aditya.mankare]

Thank you so much bud! This tutorial was great :)

[@DivingDeveloper]

This was great, thanks for sharing Dimitris!

Hi Man, tnks a lot! Have You some tutorial for install Facebook pixel in the pages?

[@thesoftwarecoder1603]

Hey Dimitris, thanks for this video. 👍🏼😏

[@TopGamesEntertainment]

thx man ,, how can I add Google Tag Manager or Google Analytics code to this ?

[@JezArnold]

Great Work @Dimitris ! I’ve got a completely separate question… what browser are you using that allows those big circular bookmarks ??

[@PerfectionismRewired]

I have the same question! I think it's a Chrome style/extension but have YET to be able to find it

[@jahzrojas]

THIS IS A GEM!!! Thanks a lot!

[@DimitrisKamaritis]

You're very welcome!

[@paulcancouet6070]

Hey ! Still works on my side but I'm getting an error while displaying the website on mobile (pop-up asking to reinstall the "app"). Any idea how to solve this ?

[@faisalkhandotcom]

What are your experience with (a) Speed and (b) SEO when you use fruition?

[@MarvTube]

Bro this was dope! Thank you ❤

[@robset1518]

Very nice, lso possible to add a cookie warning pop up on the notion website? Because almost every EU website needs that. Is there a way to implent that as well?

[@daviktran4742]

Very useful with me! Thank you so much for sharing!

[@yashrajshrivastava1266]

Hey Dimitris, thanks for this video. I am facing this error: Mismatch between origin and baseUrl (dev) Do you know how to resolve it?

[@emelkhan9157]

I'm also having this issue

[@rohanrajpal]

@@emelkhan9157 Facing the same issue :(

[@olalekandaramola9541]

Thank for this. This was really useful.

[@pathfinder112]

You're so cool, all your tutorials are amazingly fresh, simple and straightforward Do you know how to protect your images if you use Notion as a gallery/ portfolio for artists, photographer for instance?

[@DimitrisKamaritis]

Thank you very much Pierre! Very glad you like them. I just uploaded a new video and towards the end I answer your question: kzbin.info/www/bejne/iV7Xc6iKhpx-qZI

[@pathfinder112]

@@DimitrisKamaritis Thanks for the solution, simple, easy... Also I had another question, I've tried your method but now I have another issue when creating anchors links to blocs (one title jumps to a block with its own URL) -> The URL brings you outside of your new URL. How do you manage this please? :)

[@DimitrisKamaritis]

@@pathfinder112 You're very welcome! From what I understand for 'blocks' you are referring to different pages in Notion? If that's the case, every new page you create will need to have its own subpage link in the script otherwise some pages will end up having the original Notion URL.

[@stratos5372]

Thank you! Here's a question that arose; let's say I want to build a blog using this method, do I have to edit the script every time I want to upload a new article (with a custom pretty link subdomain)?

[@DimitrisKamaritis]

Hey Stratos! The short answer is yes, but I just uploaded a new video and answered your question towards the end: kzbin.info/www/bejne/iV7Xc6iKhpx-qZI

[@alexiuhbram]

when I tried to add the A record I got this error message: DNS Validation Error (Code: 1004) This record type cannot be proxied. someone pls help

[@trishabhugra3200]

thanks a lot. this video is direct and extremely helpful :)

[@matthewao]

Hey Dimitris, thanks so much for the video! If I add subpages in the future, how can I make them pretty URLs too?

[@DimitrisKamaritis]

Hi Matthew! Please feel free to refer to this video: kzbin.info/www/bejne/iV7Xc6iKhpx-qZI it shows you how to get that done.

[@Nong-er]

Thank you very much! I have a question, I tried to set up the second website with the same way with the same cloudflare account , but it linked to the first one. A record should be changed or the same to 1.1.1.1?

[@DimitrisKamaritis]

Yes, it should be 1.1.1.1 but you have to create a new site on Cloudflare. Sometimes it might not work from the first time.

[@waqaaar]

Thanks bro, this was easy!

[@MyVishnu007]

Hey! Just wanted to let you know this is awesome. Thank a lot! Was also wondering is there a way to make this mobile responsive?

[@DimitrisKamaritis]

Hey, thanks a lot! Glad you found it useful! Notion is already mobile responsive so it should work by default. Is yours not working?

[@wambogaeugeneokoth6599]

I have experienced issues with my site, loads perfectly on chrome but has issues with other browsers, what can possibly be the issue?

[@mamunurrashid5652]

Amazing! Thanks for making the video!

[@DimitrisKamaritis]

Glad you liked it Mamunur!

[@PolishTaekwondo]

Hey Dimitris this is great content! Have you managed to change the default Notion favicon for any other? Is there an extra field in the script for that?

[@whatcanyouteach]

Yes. Full ON. Amazing. Thx

[@emanoj]

Thanks for this video Dimitris! Can I ask: 1. do you recommend starting a new Notion account for public websites or the personal account is fine? I ask because the Notion help pages says, "Note: When you publish a Notion page to the web, your first name, last name, and the email address you use for your Notion account may be included in the webpage's metadata." 2. Also, my Notion pages are in dark mode. Is it possible to change this setting to the light mode just on the public website? Thanking you in advance!

[@DimitrisKamaritis]

If privacy is a concern then maybe a new account will work best. Unfortunately, I'm not sure about the second question.

[@caiowerneck]

Hi, have you seen the recent update for notion links? Have you by any chance been able to adapt the script?

[@Blackice929]

Great video however in 2022, most of these steps are outdated. Cloudfare has changed SIGNIFICANTLY and following the video as is or using the Fruitionsite instructions will no longer yield a cleaner URL unfortunately! These steps or tutorial needs major updating unfortunately!

[@Commonsensecommodities]

If I build a website in Notion and try to optimize it for SEO will the search engines treat it the same way as a website that is done in Workdpress, Wix or other "normal" website builders? I don't see how I could optimize it as I could in say Wordpress. Please let me know ASAP as I'm spending days working on a Notion website.

[@adriasole3902]

If you could make an example of fruction in a subdomain it'll be amazing because I'm having problems on that

[@DimitrisKamaritis]

I will make a note on that and might record a video in the future.

[@SurazVerma]

@@DimitrisKamaritis I tried it for subdomain but it wasn't redirecting at all to that subdomain.

[@shubhamsharma8204]

I'd really like more videos on this

[@DimitrisKamaritis]

What else would you like to see?

[@shubhamsharma8204]

@@DimitrisKamaritis Maybe how to actually make a viable multipage website? You said it here but can get more detail on this.

[@DimitrisKamaritis]

@@shubhamsharma8204 I already made a tutorial on this. Please feel free to check it out kzbin.info/www/bejne/iV7Xc6iKhpx-qZI

[@ian5629]

Hi Sir! Great Video. I followed all the steps but the "Notion" button on the top right side is showing on my site. Any solution sir? thank you

[@kiakamgar]

This is great man! Is there a way to do this without Cloudflare and a web host?

[@DimitrisKamaritis]

Hey Kia! I'm not sure actually, I didn't come across another way of doing it yet.

[@chiefoscar423]

Thanks for the tutorial, yet, when I tried putting on my subdomain, cloudfare doesn't accept it. You have any solution?

[@Wildenfree]

Hey Dimitris this was great! Thank you for this!! I'll absolutely be using this for my Artist Portfolio! I've got a quick question for you though, is there a way to represent the Notion website in Dark Mode?

[@DimitrisKamaritis]

Hey! You're welcome, very glad you found it useful. I don't think that will be possible at this point, I haven't found a way to set Dark Mode on the public Notion pages.

[@Wildenfree]

@@DimitrisKamaritis Ahhh I gotcha. Okay. I'll have to restyle the pages to reflect the lighter look for now then. Thank you nonetheless! Really glad that this is a thing lol 🙏🏾

[@Wildenfree]

Oh wait I also just thought about something... is it possible to do something similar with a subdomain to another website that already exists?? Like for instance, if I wanted to do [ page . domain . com ], but [ domain . com ] already exists on a different hosting plan, would it be possible to attach a notion section to that website with the [ page . domain . com ] subdomain??

[@DimitrisKamaritis]

@@Wildenfree Awesome man! Let me know if you have any other questions :)

[@DimitrisKamaritis]

@@Wildenfree That should be possible if you create a CNAME record with you subdomain in your Cloudflare DNS to point to the route of your worker. I'm actually trying to figure out how to do this myself at the moment.

[@zhubiaozhu]

Thanks! How to let the default screen in "Dark" mode?

[@WhisperingFae]

i am a newbie in this website stuff. I have a question, can this website using fruition apply for google adsense?

[@bylummy985]

Hey Dimitris, cloudflare changed! Its all confusing now. Can you help?

[@satya3355]

So each time you want to add a sub-page, you need to add the code for all what was done before?? Can you show a example of adding another page after the first one is done.

[@shelbyhanneman]

Thanks so much for doing this video. very helpful. One issue I ran into but figured out a solution for was when linking www.domain.com it wouldn't work but if I linked domain.com it would. If you add another route in cloud flare using the same worker - name the route *.**domain.com/*

[@DimitrisKamaritis]

Great! Thanks a lot for sharing this Shelby, I'm sure many people will find it useful!

[@parampardasani]

I tried it, didn't work

[@shelbyhanneman]

Param Pardasani I might be able to help. Could email directly my name all together at gmail.

[@parampardasani]

@@shelbyhanneman I found a solution for this, but thank you very much for helping out the community :)

[@andrejob1982]

@@parampardasani what solution did you find? I don't seem to be able to solve it.

[@jahzrojas]

Hello Dimitris, just wondering if can we also add Google analytics to this? Thanks!

[@DimitrisKamaritis]

Yes, that should be possible. I might make a video on it on the future.

[@cypsrp7924]

@@DimitrisKamaritis Hi Dimitris, just wanted to ask if you've made any progress on getting Google analytics setup for this Fruition/Notion marriage? I've REALLY appreciated this video!

[@whatcanyouteach]

Yes. also looking forward to hear more on this specific topic, very much appreciated! Thanks

[@gael2675]

great which browser do you use? The link tabs look great :D

[@DimitrisKamaritis]

It's called Wavebox. It's a nice workspace creator.

[@Halo-u8d]

Super cool stuff... Thank you

[@hiarvingarcia]

Hi, do you know how to assign favicon, seo components like site title, site description, search engine visibility? Thank you for the video and I await your response.

[@alexandroheredia]

amazing vid bro, thanks for sharing

[@danielfinley3935]

If you use this message to turn a notion page into a website, will it update automatically when you update the notion page?

[@swapnil_k]

Wow, I have to drop everything and try it out right now. :D

[@ZukunftBilden]

Amazing - how much does it cost all together (Everything except the Domain from Namecheap)?

[@DimitrisKamaritis]

Hey! Cloudflare is actually free to get started and Notion also has a free plan, so the only cost you have is the domain.

[@kampiamodikuesto762]

Very cool! is there a way to password protect linked notion web page?

[@mukundts]

Hi Dimitris - this is pretty awesome! Thank you so much. My site refuses to load, and I get the error message: "Too many redirects" or versions of this same error across browsers. What do you think I'm doing wrong?

[@laurogripa]

I'm having the same issue. Did you manage to fix it?

[@yohanes-ai]

I have tried and I think it doesn't works anymore.

[@tutorintinseltown]

Hi Dimitris - I currently have my business website hosted on DreamHost and managed with WordPress. I have been dying to rebrand and restructure my website for some time now so discovering Fruition seems to come at an opportune time. I am concerned that external websites that have linked to specific articles on my page will have broken links. Is there a way to manage this, or should I keep to WordPress?

[@DimitrisKamaritis]

For established business websites I would suggest staying with your Wordpress solution especially if you have blog posts that are ranking on search engines. Notion is not really a website builder so it's not ideal for Search Engine Optimisation. Now, if your business website is very simple and purely for informational purposes then switching to Notion might be a good option. Regarding broken links, Fruition offers a 'pretty links' feature (I demonstrate this on my other video which is linked in the description above) and allows you to create links for subpages, articles etc. It is a manual process though so if you have many articles it will take quite some time. If you need any further help, I offer both development and consultation services so feel free to reach out at any time.

[@tutorintinseltown]

@@DimitrisKamaritis thank you so much for the thorough and quick reply! I am a huge fan of Notion and wanted to jump in the moment I saw this was an option, but bringing all my blog articles over just doesnt seem feasible. Especially given the organic traffic I'm currently getting. Ill be sure to keep you in mind should I need to outsource any dev work.

[@kyias3300]

It's nice to see a workaround however it's a bit of a joke that such a simple feature has not been added to Notion by now. giving your customers the ability to use a CNAME record and handle the background process of this is really not that challenging, but having to rely on the methods above is somewhat gross. As I said, it's good to see a workaround but a bit :vom: to have to do this.

[@williamhalstediq]

I purchased my domain from cloudflare, did the steps and it doesn't work? when I open my domain in new tab it says: Safari can't open the page, can't find the server . HELP

[@thallyssonklein1943]

What is the name of this extension that leaves the favorites bar with circular items?

[@DimitrisKamaritis]

Hi Thallysson, it's not an extension. It's actually a workspace tool called Wavebox.

[@Bryan-eg7si]

Any idea how well does this method work for SEO ?

[@mohammedbinsalem2918]

Hello Dimiris, I did all the steps right with you but when I go to my domain name it doesn't show the linked web notion page, it only works when I go to cloudflare>>worker>>Blue Box With Arrow to the right.. I would appreciate your help..Thanks

[@omaryaa_]

Facing same problem. If you got the solution please share.

[@princesaleia0079]

Once you registered your notion page to a domain can you change the notion page you added? I mean, keep the domain and change the page it would be redirecting you to? At first it worked for me but now I want my domain to point to another notion page and I can't change it...

[@DimitrisKamaritis]

Yes, you should be able to do that by re-generating the Fruition script with your new Notion page details.

[@atharva7738]

I really enjoy this thank you very much and I subbed also keep this going we will reach 1 million one day

[@DimitrisKamaritis]

Thanks for subbing!

[@roshnisubudhi1479]

Hi Dimitris. Thankyou very much for this video. I got my website set up with the help of your video. Can you also make one for how to add Google Fonts and Analytics? I am having a hard time looking for resources to do that and fruition doesn't seem to have any documentation for the same. Thanks!! :)

[@loveakinkunle555]

The code generated from fruition has tags for fonts and analytics. Read through it and you should see a tag for Google Fonts and custom scripts!

[@DimitrisKamaritis]

You're very welcome Roshni! Yes that's possible, if you look closely at the script generated by Fruition, near the top there is a place to add Google Fonts and Analytics. I might make a video on it in the future.

[@rohantaneja3861]

Really useful! Thanks 👍

[@n0c0de]

Many thanks! Very useful!

[@DimitrisKamaritis]

Glad it was helpful!

[@nbaindex8277]

Hey this is an awesome tool . However I struggle to have my website indexed in google search ranking. Does anyone have the same issue ? Note: i have a personal pro plan and turned "search engine indexing" on. Many thanks in advance

[@iambariscoskun]

This point is very important. If anyone can find a way and share about this, that would be awesome

[@jerryjacques1993]

very helpful, thanks !

[@wasim3780]

What about adding new sub pages after the launch?

[@DannyHatcherTech]

Nice explanation. Just a thought, maybe hide your g-mail account?....

[@DimitrisKamaritis]

Very glad you found it useful Danny! That Gmail is just for making these tutorial videos so I don't really mind sharing it :)

[@DannyHatcherTech]

@@DimitrisKamaritis ah ok, just though I would let you know 😁

[@DimitrisKamaritis]

@@DannyHatcherTech Thanks a lot, I appreciate it!

[@shashwattiwari203]

why is this not working for me, Shows An error in save&deploy stage ''Mismatch between origin and baseUrl (dev).'' PLEASE HELP

[@alexanderestner9504]

Is it possible that you need a Notion Personal Pro account?

[@DianeLeifer]

Great job!

[@DimitrisKamaritis]

Thank you Diane!

[@ramawaristr]

I had my dns management type CNAME and AAAA empty, can you help me what to do with it?

[@armaganguvenn]

Fruition still working? Cloudflare interface has changed, I could not install the site.

[@stampsgallery]

thank you! it is OK!

[@mediadeco]

When i try to visit my domain this happened "DNS_PROBE_FINISHED_NXDOMAIN" . Any Solution?

[@princesaleia0079]

Can you do that with a regular Personal plan account?

[@DimitrisKamaritis]

Hi Ana, yes of course! Should be the same process!

[@GMirandagonz]

Great! Thanks.

[@DimitrisKamaritis]

You're welcome!

[@krishras23]

Cloudfare isn't allowing me to save and deploy, keeps saying "websocket disconnected". Anyone know how to workaround this?

[@melissaregalado2251]

When I tried to get to my website at the very end I got a web authentication for Cisco. What do I do from here?

[@uditshakya6111]

Hey Dude under while adding route under workers it shows none..

[@arulk8361]

Really awesome,

[@DimitrisKamaritis]

Very glad you found it useful!

[@mahmoudramdane2848]

Hello Dimitris, my website doesn't appear on google search, is it due to the Notion?

[@DimitrisKamaritis]

Notion is not really made for building websites so it doesn't have all the features you need (e.g Meta data fields etc) in order to rank on search engines. I would recommend using the custom domain solution for informational websites, support/documentation websites, database style websites, portals and any type of static site that you don't really care about ranking on Google.

[@mahmoudramdane2848]

​@@DimitrisKamaritis Hum, I see. Well I just bought another personal domain name for wordpress, and I linked it with the old hosting. So now I have 2 domain names with one hosting ( I didn't know it was possible until i searched, maybe you should make a video :p ) I have a question, I'm really planning to use this new website to get traffic & blogging, is it okay if the hosting is shares in terms of SEO ?