⚡️ Sign up to Notaku

How to create a roadmap website with Notion

profile photo
Tommy

Final result

After following this quick guide you will get a website that looks like this

Why you need a roadmap website

A roadmap website is essential to show your users upcoming and planned features.
A raodmap website built with Notaku also let you prioritize features based on users votes. This will show you what users think are the most valuable features and let you decide how to allocate work and development time.

Why use Notion as CMS

  1. Notion has one of the best writing experience on the web, it is way better than any other CMS you can find online
  1. Your team members already use Notion, changing your roadmap content is quick and easy
  1. Collaboration, Notion let you collaborate easily, even at the same time. This is super useful if your team works remotely.

How to create a roadmap website with Notion

  1. Sign up to Notaku
  1. Click create new roadmap website
    1. Image without caption
  1. Clone the roadmap template and make the Notion page public
    1. Image without caption
  1. Copy the Notion url and paste it in Notaku
    1. Image without caption
  1. Add your own custom domain and customize your website
    1. Image without caption

How does the Notion page look like

Notaku uses a Notion board database to store your roadmap website content.
Every item also has a tag property you can use to attach more info to your features.
You can use any group names you like, by default they are “under review”, “planned” and “in progress”.
You can clone the template during the creation process at Notaku
Image without caption

Roadmap websites features

  1. Users can upvote features
    1. Image without caption
  1. Search and tags filter
    1. Image without caption
  1. Every roadmap item has its own page optimized for SEO
  1. Customize with your logo, footer, links, font and background
  1. Dark mode

How to sync your website with Notion

Notaku has a sync now button you can use to trigger a resync with Notion
Notaku also copies your Notion data every hour if you have a subscription
Notaku websites need a resync because the data is stored on Notaku database, this way your website is more reliable and has much faster loading times

Adding a roadmap widget to your website

Notaku also let you embed your roadmap website to your own site.
To add the widget simply copy the script tag into your website HTML.
Image without caption
Image without caption

Some other cool little features

  1. Your websites tab icons will use the Notion pages icons
  1. Social media cards are automatically generated with your title, icon and date
  1. You can migrate existing websites redirecting old paths to new ones
  1. Notaku makes other little tools like Notion icons generator and Notion image links
  1. You can get 1 month free tweeting about Notaku! 🙂

Related guides

Powered by Notaku