How to Create a Functional, Affordable Website Using Notion + Super

How to Create a Functional, Affordable Website Using Notion + Super

Publication Date
September 27, 2024
Summary

In this post, I’ll walk you through why I made the switch and how you can build your own Notion + Super site—even if you're not a designer.

Tags
working ON your businessbusiness managementbusiness setupwebsitenotionorganization
Author

The MeltzerSeltzer Team

I spent nearly $8,000 on my old website over the years—between platform fees, redesigns, and countless tweaks. But when Squarespace rolled out its liquid engine editor in mid-2023, things started to break. And they stayed broken.

So I finally said: enough.

I rebuilt my entire site using Notion and Super. It’s clean, functional, easy to update, and affordable. In this post, I’ll walk you through why I made the switch and how you can build your own Notion + Super site—even if you're not a designer.

🛣️ Why I Left Squarespace

I started my site on Squarespace in 2017. I even had it professionally redesigned in 2022. But since 2023, it hadn’t looked right or worked properly. Between the outdated layouts and bloated backend, I felt overwhelmed, frustrated, and drained by how expensive it was to keep patching together fixes.

So I made a simple decision: I wanted a website that would look good, function well, and be easy to update—without needing custom code or a designer on call.

🛠️ How I Rebuilt It With Notion + Super

Here’s the exact process I followed:

1️⃣ Plan Before You Build

Before I opened Notion or Super, I did some important prep work:

  • 🗺️ Mapped out my site using the Mega Footer template block from the Super Builder. This helped me visualize and organize every page.
  • 📝 Used my own Perfect Sales Page Template & Workshop to structure the website copy and make sure it was conversion-friendly.
  • 🖼️ Created 4 Canva projects in proper image dimensions. I used fun branded graphics to elevate my visuals—this is key since Notion sites aren’t design-heavy.
  • 🌟 If you don’t already have branding (logo, colors, font), get that nailed down first. I had mine done professionally, and it saved me so much time.

2️⃣ Create Your Website in Notion

I started building all of the content directly in Notion—each page of my website was a Notion page.

Then, I “published” each one and turned off the “Duplicate as Template” option.

3️⃣ Use Super’s Website Builder Tools

Super is what turns your Notion workspace into a website. It handles your domain, design settings, and backend.

  • 🧱 Pro Tip: Use the Super Builder templates! It’s a duplicatable Notion page with common website sections (like testimonials, CTAs, image blocks) you can plug into your own site.
  • 🚨 Important: All website pages must be subpages of your homepage for Super to properly structure your site navigation.

Once you link your domain and tweak your Super settings, your site is live!

🧠 FAQ: Building a Website With Notion and Super

Do I need to know code to use Notion + Super?

Not at all. If you can use Notion, you can build a site using Super. It’s designed for non-techy creators and freelancers.

What’s the benefit of Notion + Super over Squarespace or WordPress?

It’s way easier to manage and way more affordable. You don’t have to worry about plugin conflicts, page speed issues, or design constraints. Plus, it’s flexible and integrates well with your Notion workflow.

Can I build a portfolio or sales page this way?

Yes! I used my Perfect Sales Page Template to build mine. You can also create services pages, blog archives, and more.

How much does it cost?

Super starts at $12/month. Notion has a free tier, and Canva is free or $13/month for Pro. It’s a fraction of what I was paying for Squarespace + design support.

What if I want custom branding?

Use Canva to create branded headers, image blocks, and CTAs. You can also use Notion-style branding templates to stay consistent across pages.

Looking for something else?

image

© 2024 MeltzerSeltzer. All rights reserved.

Terms of Service – MeltzerSeltzerTerms of Service – MeltzerSeltzerPrivacy Policy – MeltzerSeltzerPrivacy Policy – MeltzerSeltzerCancellation PoliciesCancellation Policies