How To Create a Website Using Notion

Share your love

Do you want to create a website using Notion with no-code?

Notion lets you publish your pages publicly or you can use the various Notion website builder to get more control and create a professional-looking website.

In this article, we’ll show you how you can create a Notion website for yourself for free as well by using paid solutions like Potion.

How To Create a Website Using Notion for Free

Notion is a free all-in-one app that one can use to create multiple types of content. It has blocks that you can drag and drop to create the content you want. You can also add blog posts, pages, and images to your site.

When it comes to using it to design websites, it is less customizable than other website builders or CMS such as WordPress or Webflow.

The best thing about Notion is that it’s hosted on the Notion domain so you don’t have to worry about hosting or domain names.

You won’t have a full-fledged website, but you can customize it with a wide range of workarounds.

For example, you cannot have a full website header, but you can add links to internal pages in one row and arrange them in columns. It can serve as the header, and users can easily navigate to internal pages.

Header in Notion with navigation links

To create a website using Notion, first, add a page in your workspace and start adding and arranging content on the page by creating columns.

If you are using Notion to publish a lengthy blog post, you can add a table of content to the page to make it easier for users to navigate.

Notion also allows you to easily embed from external websites, so you can easily add a contact form to the page using services such as Chilipepper or NotionForms.

contact form in Notion

Once you’ve finished adding content, click the share button in the upper right corner and turn on the Share to web option. Make sure that all of the link options are turned off beneath it. You can copy the link provided by Notion and share it with the world as your website.

Notion share link to web

As can be seen, the free option is quite limited and the website does not appear to be a professional website. However, there are Notion website builders, such as Potion, that make it simple to create professional-looking Notion websites.

How To Create a Website Using Notion Using Potion

Potion is a Notion site builder that allows you to create beautiful websites using Notion. You can use it to make a simple blog or a full-fledged business site. It works by turning your Notion app into a CMS (Content management system). This means you can fill out the content of your website in Notion while it takes care of the rest.

It includes a number of features that allow you to easily customize various aspects of the website that would otherwise be impossible to do directly from Notion. Potion also has the advantage of allowing you to host your website on your own custom domain rather than the Notion domain.

There are other Notion website builders that provide similar services but come with limited features and ease of use when compared to Potion. Other than letting you set up Notion pages on a subdomain, Potion comes with amazing features such as:

  • Live Editor – Customize your website from the Potion dashboard and see the changes you make in real-time. 
  • Pretty URL – Lets you generate human readable URLs that are also SEO friendly.
  • Speed – Potion is optimized to load quickly and offer the best user experience. 
  • Custom CSS – Make changes to the appearance of the website with your own CSS and fonts.

What Types of Websites Can You Create Using Potion?

You can use Potion to create multiple types of websites such as personal blog, design portfolio, resource website, knowledge base, landing page, resume, and much more.

Potion website

You do not need to use a special CMS, and all of these websites can be built using just Notion.

Potion comes with templates so you don’t have to design the website from scratch. You can duplicate the template from Notion to website into your Notion workspace to get your website ready in a few minutes. 

How To Use Notion Website Builder – Potion?

To begin designing a website, go to the Potion website and navigate to the Templates section, where you can view demos until you find the one you want to use for your website.

Open the template in Notion and duplicate it in your workspace. Replace the template’s content with your own.

Potion duplicate template

Now again visit the Potion website and click on Create your site button in the hero section.

Potion Notion website builder

This will take you to the pricing plan where you can select the plan based on the number of websites or custom domains you want to set up. Since I need to set it up on just one domain, I will select the first 1-site plan. 

Potion subscription plans

You get a free 7-day trial to test out the service, so you can know if it’s right for you.

Fill out your card details and you’ll be taken to the dashboard. Click on Add New Site at the top right to fill out the site information. 

Potion dashboard Add New Site

Give your site a name and paste the public Notion page URL. Make sure you paste the parent page URL and not the subpage.

Give your Site Name and paste the public Notion page URL

At first, the site will be hosted on a Potion subdomain which you can later point to a custom domain. Enter any domain name of your choice and click on Continue

In the next step, you get some options to customize your public Notion page. You can choose to have a custom font other than the three fonts that Notion provides. You can also type in the site description that shows up when you share the site URL with someone. Next, if you want to provide search functionality on the site, you can enable that too.

configure options for the website potion

If you don’t want your site to show up in the Google search and other search engines, you can control that from the options. By default, it is set to Enabled and you can toggle it to disable the indexing.

The next option lets you hide your Notion website behind a password. This means that only users with access will be able to see your website. This is a great feature for companies who want to protect the pages from the public.

Next, you can drop your Site Icon in the favicon section and an image that will be shown when you share your website link on social media.

Once you complete every option, you can click the Save button to save the changes.

You’ll need to wait for some time before your site will be deployed and live on the internet. You can check the status from the dashboard or visit the Potion subdomain you had set.

Potion new site status

Potion also allows you to easily host your Notion website on a custom domain. We have a guide on it that you might want to check out to learn more.

Whenever you add content to your Notion page, the same content will be updated on your website instantly.

Wrapping Up: Notion Website Builder

To create a website using Notion, you have two ways. You can choose the free option, but it will not give your website the professional feel needed. The other option is to use a Notion website builder tool like Potion to create a professional-looking website in a matter of minutes. It allows you to use your own brand domain and you can customize your website using the live editor.

That’s it for this tutorial. I hope you found this tutorial helpful. If you do, please consider sharing it on social media to help out our blog.

Share your love

Newsletter Updates

Be the first to find out when new notion templates are added to our library.

Leave a Reply

Hey, wait!

Would you like to be the first to find out when new Notion templates are added to our library?