How to Build a Website in Notion! (Custom Domain and Booking Page!)

Hello Productive People! In today’s video I go over how to build a fully functional, multi-page website in Notion! This is one of my longer Notion tutorials on my channel, and I promise that it’s worth the watch.

I start this tutorial showing you how to strategically plan your website in Miro. After our rough draft is complete we head over to Notion on a clean slate and start building the website from start to finish. Once all your pages are created I give you guys multiple ways for getting your custom domain and show you how to make your site go live with super.so! Next comes the fun part… we learn how to style our live Notion website on super. This can be done with the built-in styling features, or you can take it a step further and use custom coding to make sure everything is EXACTLY the way you want it.

—

All the links you’ll need!

Get Tidy Cal Calendar: https://appsumo.8odi.net/2r50va
Host Your Notion Site with Super: https://super.so/
Get a Domain: https://domains.google/

—

The Notion app has proven itself time and time again with its limitless possibilities.. This is just one of the many things it can do. Since you are interested in this video make sure to check out my other Notion videos below, I know you’ll LOVE them:

🚀 Notion Full Tutorial for Beginners:
https://www.youtube.com/watch?v=lZ83Vu0SoG0&list=PLuJCSkbX9W56nhlV3pnvYJJilXyA0w-ka

📚 Build a Powerful Notion To-Do List:
https://www.youtube.com/watch?v=DNVFYpR0YdY&list=PLuJCSkbX9W56nhlV3pnvYJJilXyA0w-ka&index=2

🧪 Advanced Database Tutorial:
https://www.youtube.com/watch?v=kYC5i-AUpW4&list=PLuJCSkbX9W56nhlV3pnvYJJilXyA0w-ka&index=10

—

⏰TIMESTAMPS:
0:00 – Introduction
0:41 – Website Overview
2:46 – Who is This Video For?
3:53 – What You Need to Start
5:11 – Identify Your Website Goals
15:18 – Website Colors and Mood
21:20 – Mocking Up Your Website in Miro
29:13 – Designing Your Website in Notion
29:54 – Creating the Home Page
49:59 – Creating an About Page
53:18 – Creating a Blog Page
54:19 – Creating a Custom Contact Page with Booking
58:01 – Making Your Site LIVE with Super.so
1:04:28 – Simple Styling with Super.so
1:06:08 – Advanced Styling with CSS
1:16:50 – Outro