Build a website with Notion in seconds, no coding required

Company websites, team blogs, personal resumes and portfolios — we’re seeing these all published to the web using Notion. Skip the cumbersome web developers and create a website without any coding.

6 min read
One of the many examples of a public website you can build for your company using Notion.

Adding a page to your company’s website is probably a lengthy process that requires balancing designers, engineers, and their busy schedules. Even the simplest pages are an effort in cross-functional work.

But in Notion, all it takes to publish a page to the web is a single click. You can:

  • Build beautiful pages without needing a developer — dozens of embeds and tools like headers and columns allow you to make a visually rich website without all the developer resources you often need for more complicated content management systems.

  • Publish pages yourself — don’t worry about wrangling designers or engineers to build or extend your site. You can quickly and easily make any Notion page public, accessible by a link you share, or even findable via search engines.

How to publish

With Notion, you can stand up a website with just a few clicks. All you have to do is click Share on any page and switch on Share to the Web. Anyone with the link will be able to see it. And when you make edits, your page will change for visitors in real time. It's that simple!

Sign up for first access to Notion’s newsletter

We're in the process of creating our newsletter. Be first to get it in your inbox when it launches.

Readymade templates & inspiration that extend your website

If you don't want to start from scratch, here are a few templates you can use as a springboard to get your pages up faster. We’ve also included some inspiration from a few companies using Notion to build their websites.

Templates

Job Board — with the fluidity of hiring, it’s helpful to have access to a job board you’re able to quickly update, whether that’s removing filled roles, adding new ones, or rewriting your company mission. Make your pages eye-catching and informative, providing a window into what it’s really like working for your company.

Copy the job board template into your own workspace.

Help Center — reduce your customer service email queue. Find the most commonly-asked questions by digging into your support inbox and publishing content covering those questions. This makes it easier for your customers to find the answers they’re looking for.

Notion makes it easy to organize this content as sub-pages, and edit it as needed.

Help yourself to the help center template.

Blog post — build a community and share dynamic content without relying on a rigid CMS. You can write blog posts in Notion and set them live, for a clean and easy reading experience. Embed elements like a table of contents, audio files, images and videos right into pages to create a more engaging experience.

Use the blog post template to tell your story.

Roadmap — share your product roadmap with potential leads and existing customers. A published roadmap gives customers insight into when a feature will ship and you can even allow them to submit feature requests by turning on public editing.

Duplicate the roadmap template into your own workspace.

Inspiration

Ready to customize a Notion page but not sure how you want it to look yet? These companies have built some exceptional websites entirely in Notion that might help spark some of your own creativity.

Blendle’s employee handbook — the Dutch online news platform has posted its living wiki publicly. Use Blendle’s employee handbook to get some ideas for how to build your company wiki. It neatly lays out how you might set goals for a new employee, suggested company reading, and company values.

Toucan’s get-to-know-us job board — a browser extension that helps you learn a new language, Toucan created a job board that puts their values and team front and center. There’s even a database highlighting current employees, so you can get to know some potential teammates.

Bring Notion pages to life with these visual elements

Type / onto any page to reveal a whole menu of elements you can include on these pages. To access them, type / and the name of what you want to do, like /image or /typeform.

  1. Headers & line breaks — make your content easier to scan and navigate with H1H2, and H3 headers. Separate long walls of text with line breaks by typing three dashes in a row.

  2. Columns — give a page that clean newspaper-style layout with an image on one side and text on the other. Using the ⋮⋮ icon, you can drag-and-drop any pages, text, images, etc. anywhere on Notion pages. If you want to make columns, drag anything to the left or right of existing content. Blue vertical lines will appear to help guide you.

  3. Table of contents — this gives readers the ability to jump to whichever section they need on your site. Type /toc to create a table of contents that uses your headers to break down sections.

  4. Image / video / audio — create a multimedia experience. You can embed YouTube videos, upload podcast files, or drag images right into your Notion page. Using the bars on the sides of images or video, you can even adjust their size.

  5. Typeform embed — gather feedback or create a contact portal by inserting a Typeform into your Notion page.

  6. Callouts & quotes — bring attention to a specific section or sentence with callouts or quotes, much like you’d find in many popular blogs.

  7. Toggles lists — for content like FAQs, you can make your website even easier to navigate by helping site visitors see only the most relevant information to them. Put top-level info into a toggle’s preview, and nest more info inside it.

  8. Colors — customize your design or emphasize content with different text or background colors. Highlight any text and select •••, then choose Color to pick either the text or background color.

More public page options

Allow editing — any logged in Notion users can edit your pages so you can collaborate on a page’s layout or content. Anyone not logged into a Notion account will see the read-only version. For example, if you’re sharing a help center for your company, you probably want to toggle this feature off. However, if you’re sharing a draft of a site with a client, you can collect all their feedback here before sharing it with the masses.

Allow duplicate as template — let’s say you’ve built a great landing page template and you think other companies would benefit from this format. Make your page duplicatable as a template that they can save in their own Notion workspace. Find this option in the Share menu.

Search engine indexing — drive traffic and make your page visible on Google and other search engines.

Now that you can own publishing your content, putting multiple pages up and making small tweaks is easier than ever on Notion.

Templates to help you build beautiful web pages

Share this guide

Something we didn't cover?