Build a website with Notion in seconds, no coding required

Company websites, team blogs, personal resumes and portfolios — you can build them all with Notion Sites. Skip the cumbersome web developers and create a website without any coding.

6 min read
Publishing pages - hero screenshot
One of the many examples of a public website you can build for your company using Notion.
In this guide
  • How to publish
  • Readymade templates & inspiration that extend your website
  • Templates
  • Bring Notion pages to life with these visual elements
  • More public page options

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, navigate to the Publish tab, and click on Publish to 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!

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.

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

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

Link expiration — if you want to share your site only temporarily, use link expiration options. Great for sharing a custom portfolio with a client, or a sensitive doc with an external partner.

Visual customization — in the "Sites customization" menu you can change how your site appears to the world. Customize the link preview, change the heading, and even select a theme option (black, or white).

Integrate with Google analytics — quickly and easily understand your site performance by integrating with google analytics (in the "Sites customization" menu).

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 "Sites customization" menu, under the header options.

Want to share your pages as templates?

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

Give Feedback

Was this resource helpful?


Start with a template

Browse over 10,000 templates in our template gallery


Something we didn't cover?

Powered by Fruition