How we made our own help center with Notion
Learn how we built our own custom help center using Algolia, Tailwind UI, and Notion as our CMS. Find out why we chose to build rather than buy and how easy it is to create new articles with Notion.
Do not index
Do not index
Welcome to the new year, and welcome to the new Fillout help center! We're excited to share with you how we built it and why we chose to build our own help center rather than buying one off the shelf.
First, let's talk about our goals for the help center. We wanted a solution that would let us host at http://fillout.com/help, allow us to easily author help articles in a way that was similar to using Notion, and create SEO-ready pages without being tied to a particular vendor. Unfortunately, we couldn't find a third-party tool that met all of these requirements, so we decided to build our own solution.
To build the help center, we used a few different tools. First, we used TailwindUI's excellent "Docs" template as the foundation for our design. This gave us a solid foundation for organizing and presenting our help articles in a clear and concise way.
Next, we integrated Algolia for search functionality. This allows users to quickly and easily find the articles they need, no matter how large our library of articles grows.
Finally, we used react-notion-x to turn our Notion pages into static HTML and CSS. This allowed us to author our articles in Notion, which we already use as our content management system, and then automatically convert them into the format needed for our help center.
The result is a help center that is easy for us to update and maintain, and that provides a great user experience for our customers. And the best part is, creating a new article is as simple as making a new Notion page.
So if you haven't already, be sure to check out the new Fillout help center at https://fillout.com/help. We hope you find it helpful!
Create forms with style
Zapier vs. Make vs. Airtable Automations
How not to add AI to your product
How to Use Apple’s New AI to Fill Out Forms
Airtable CRM vs Notion: How to Build a Custom CRM Database
Automatically turn online form submissions into PDF documents