How to create a Website using Notion

← Blog

How to create a Website using Notion

3 min read

In this post, I will dive into the details and everything you need to know on building a website in Notion. Let's get started.

Planning and wireframing

Notion blocks are flexible to drag and drop across the canvas. Honestly, I don't see a need to plan or wireframe your website elsewhere. However, if you are looking to build a multi-page full fledged website, here are some design tools to check out.

Figma

https://www.figma.com

Sketch

https://www.sketch.com

Call-to-action Buttons

Creating a button for your Notion website can be as simple as using a callout block or pasting a link over the text. If you are looking for an actual looking buttons, Indify got you covered. And yes is free.

https://indify.co
https://indify.co

After customising the button at Indify.co, simply copy the link then paste into Notion and choose embed. If Indify doesn't work for you for any reasons, you can also check out an alternative call-to-action button generator called butn.one.

Forms and Lead Capture

Similar to buttons, there's a form-building tool to build and customise your form that can later be embeded into your Notion website.

Head over to Tally.so and the form builder will appear. You can create a form from scratch or use one of the pre-made templates. There's all kinds of blocks to create the form you need, including text input, email input, multiple choice, checkboxes, linear scale and even payment.

https://tally.so

Tally does a great job explaining the details in building a form from scratch, so I'll leave it to them here. One thing I can promise is that it is simple to use and completely free to try out.

Custom Domains

Before I dive into the details into using a custom domain for your Notion website, I like to share a quick tip especially for those using the Pro Plan in Notion. Learn how to host your website on a simple notion.site domain below.

Public Home Page

  1. On desktop, click Settings & members in the left-hand sidebar.
  2. Go to Settings
  3. If you’re an admin in the workspace, you’ll see the option to change your domain and select a page as your public home page right below your workspace icon:
image

Let's move on to talk about custom domains for Notion. One method to use a custom domain without any 3rd party platforms is to redirect the domain name to the URL of your Notion page. This can be done via the domain provider website you use to purchase your domain name.

Another method I recommend and use would be Super. If you did not know, this blog is hosted by Super. Besides having a custom domain, you get access to powerful integrations, better SEO, custom navigation bars, custom fonts and more. If you know a little HTML or CSS, you can level up your website design further, and bring more possibilities to your Notion website.

https://super.so/

Not to worry if you're not a fan of coding, Super has as growing collection of themes and templates you can choose from to customise your webste with no code required. You can learn more about Super here.

Alternatively, you can also use Potion.so to customise your website.

Analytics

If you're not ready to invest in a domain name but need insights about your Notion pages, this section is for you. I want to share with you a tool called Notionlytics, which makes it easy for you to embed Google Analytics or Facebook Pixel tracker into your Notion page.

In an overview, Notionlytics generates a snippet for you to embed into your page.

https://notionlytics.com

Once you embed the snippet into your page it will start collecting analytics.

https://notionlytics.com

If this is something you need, you can check out and learn more about Notionlytics here.

And that is how you build a website in Notion. Before you close this blog and go create that amazing website of yours, I thought to leave some links to illustrations perfect for your Notion websites.

Resources

Open Doodles

Open Peeps

Indian Doodle Illustration Pack

skribbl

Illustrations Vol.1

Notion Styled Avatar