13
10 Comments

Why I Built a Homepage on Top of Substack

Hi everyone,

We just launched the Homepage for my newsletter, Not Boring, on Product Hunt, and we're currently #3! Would love for you to check it out: https://www.producthunt.com/posts/not-boring

I also wrote about why I built a homepage in addition to Substack and the stack I used. Hopefully it's valuable to the Newsletter Crew!

You know that first day of a school year when you put on that brand new outfit you bought over the summer to show off to your friends? No one really notices, but you feel a little bit more popular and confident inside. This homepage is basically a fresh new pair of Doc Martens for Not Boring.

Since launching Not Boring, I’ve promised to be transparent about the different projects I was launching to help grow the newsletter. I’ve set a personal goal of hitting 5k subscribers by the end of August (currently at 1,885). Our smart little Not Boring family grew at almost 96% in May, so the bar has officially been raised.

To help us grow, I put together a list of 100 ways to grow without being spammy (if you have good ideas, send them my way!), and launching a Not Boring landing page was growth initiative number #33. This is a little inside-baseball, but I think it will be interesting to you for two reasons:

Real-time examination of how Substack’s strategy impacts one set of its customers, writers.

Step-by-step breakdown of building a landing page and integrations with no code, including the full stack that I’m using - this is useful for anyone trying to build any new online business, not just newsletters.

Let’s get to it.

Substack’s Strategy and Me

So why a separate homepage? Maybe the #1 rule of building an online business, which I’ve written about many times, is that nothing is more valuable than owning your own demand. Substack has a few limitations that make that challenging, which makes sense! To Substack, as an aspiring aggregator, I’m supply, and you’re demand! So they’d rather have you come to their site than mine.

Substack needs to strike this fascinating balance between putting newsletters first and putting Substack first. In many cases, they choose to put Substack first. That’s not a criticism -- Substack is a business and it needs to make the strategic decisions that it thinks are best for the long-term health of the company. But it does lead to a few limitations that make growing from 1,885 to 5,000 difficult:

Branding and Design: Substack is intentionally simple and non-customizable. Standard layouts, San Serif font, character limited intros, etc. If you’re Substack, this makes sense. Including the “.substack dot com” in all links and keeping a consistent look and feel has helped turn “Substack” into a synonym for “newsletter” in a short amount of time.

As a writer, though, outside of voice, there’s not a lot of ways to distinguish and brand yourself on Substack. I can only change colors (from a small set) and change logos.

Luckily, Spectral, the font everyone uses on Substack, is a great font, but if I wanted to use Comic Sans, I’d be out of luck. Substack isn’t alone here; Medium is also totally uncustomizable. While my focus is always the words, I also want to create a unique brand and aesthetic for Not Boring. Looking exactly the same as everyone else is … boring.

A homepage lets me express some of those brand quirks and promote unique messaging and posts from Not Boring that otherwise are difficult to discover for first time readers.

Reporting:
Substack doesn’t offer great reporting and analytics to writers. I guess they think we’re words people, not numbers people. If you love geeking out on data as much as I do, though, you’re not going to have a good time on Substack. Outside of the number of subscribers and high-level reporting on referral channels, there’s not a lot to dig into. This makes it hard to go full CSI on conversion and understanding what’s driving new subscribers to Not Boring. It’s also why I built my own dashboard in Excel.

Growth and Integrations:
The biggest gap right now for newsletter writers with Substack is the lack of integrations, because integrations would solve other challenges. If you want to launch a referral program, sweepstakes (free jet ski anyone?), or other promotional programs, it’s basically impossible to launch and track on Substack. And I do want to launch those things… stay tuned.

Each of these programs require precise tracking, and Substack’s closed ecosystem simply doesn’t support foreign pixels or javascript. Again, from Substack’s perspective, this makes sense. It keeps newsletters clean and consistent, and it makes writers more reliant on Substack for growth once they build out those capabilities in the future. Plus, their focus is on high-quality, subscription content, so opening up the ecosystem to outside tooling, including programmatic ad insertion, doesn’t fit in their vision.

But I’m impatient to grow this thing, so I had to get creative.

SEO:
Since Not Boring is just a Substack subdomain, I don’t own any of my own search engine optimization (SEO) juice. Whenever someone links to a post I write, it boosts Substack’s searchability, but not necessarily mine. If I ever decide to leave Substack, I can take my list with me, but all of the link juice I’ve built up stays behind. I want to build a long-term brand with Not Boring, so I need to own my SEO.

Again, I’m a huge fan of Substack and the simplicity of the product. I’m not moving off of Substack, just building on top of it. I know they’ll get there over time and I’m hopeful that projects like this prove to them the need to iterate and provide unique growth levers for their community. And they’ve been responsive in the past. Nathan and Dan launched the Everything bundle by hacking it together on top of Substack, and then Substack built tools to make it easier to bundle.

The Stack

Now let’s talk about the Honda Civic of tech stacks I’ve put together for the homepage.

Domain name from Google Domains ($20/ year). After weeks of user testing and brand workshops, I finally landed on the domain name “Notboring dot email”. The URL narrowly beat out the likes of “Notboring dot global”, “Notboring dot guru”, and “Notboring dot pizza”. I tried to buy notboring dot com but the owner wasn’t interested in selling. Honestly for the best, that site is a rare piece of late 90s internet memorabilia and it should stay on the internet.

Landen landing page + hosting ($29/ month). I’ve seen Landen used by a bunch of entrepreneurs launching landing or “Coming Soon” product pages. The product is incredibly simple to use and implement, and has the perfect amount of design customization for no-coders. Collectively, it only took me a few hours to create and launch the site, and most of that time was put into messaging and content. There are a few limitations on the integration front, but I’ve become besties with their one man customer support team (Felix Gurtler, founder). I tested a few other landing page tools, and I’m convinced Landen provides the best balance of affordability, function, and design for a newsletter writer. I’m a fan!

WisePops integration (free trial + $49/ month). Everyone loves pop ups, right? I wanted to make the call to action super clear on the landing page, and pop ups are annoyingly effective at grabbing people’s attention.

Like so many things that we hate online, pop-ups exist because we’re dumb humans and the things we hate often work on us.

The Wisepop integration allows me to display an email capture when someone scrolls 50% down the page and hasn’t subscribed. I’m hopeful it’s a good way to keep the action top of mind and drive conversion. I’m doubtful I’ll see an ROI at the $50/ month, but decided to implement it with the free trial to see how many submissions come from the pop up vs. the Landen subscribe field.

Zapier Integration (free). Unfortunately you can’t connect Landen or Wisepop with Substack (see: lack of integrations - not even Zapier! Everything integrates with Zapier!). That means that every email submitted on the landing page has to be manually migrated to Substack. To minimize the back and forth, I’ve built a Zapier integration with Gmail that sends a welcome email from me anytime someone signs up for Not Boring on the homepage, which looks and feels just like the HTML Substack email. I’ll just have to manually migrate emails over to Substack before I send my Newsletter on Monday and Thursday. Not the smoothest process, but should work well enough for now. Landen does integrate directly with Mailchimp, but I’m not interested in switching email providers (yet).

Crisp Chat (free). Ever had the urge to spark up random convos with me over chat? Well now you can! I’ve launched a community messaging tool. It’s basically hosted Slack on my homepage, and you all know how much I love Slack. I’m not sure how useful this will be, but it provides an opportunity for new readers to ask questions about the newsletter or for community members to reach out to me directly. More to come whether it’s valuable, but it’s free for less than 2 users, and the best companies are always customer obsessed.

Tracking Pixels (free). Landen supports a bunch of different tracking tools including Google Analytics, Facebook Pixel, and Google Tag Manager (which can effectively host any tracking pixel on my page). This will allow me to launch ad campaigns and track customer acquisition costs (CAC) by channel/ campaign/ etc. I want to track cost per action (CPA) for subscriber sign ups, and Landen provides the ability to implement more granular reporting.

So how do I plan on using this page going forward? I would love for this to become the de facto way that people generally share Not Boring (outside of individual posts). I’m planning on using the homepage as a conversion page for ad campaigns and other promotional efforts. The landing page will also allow me to host other growth initiatives such as a referral program, which you can’t currently do on Substack.

I have more new features in the roadmap, and am in the lab playing with Webflow as we speak to expand notboring dot email’s capabilities, all in service of bringing you more great Not Boring content and rewarding you for sharing.

This is really basic for now, and I’d love to get your feedback to help me build v2.

  1. 2

    Great way to approach this topic @packy! Just wondering if you have any tips for getting those early subscribers (beyond family and friends)? Or what problems you faced when growing early on? Thanks a bunch!

  2. 2

    Awesome working @packy - I'm about to start my newsletter on Substack for a side project. Inspired by yours and can't wait to take it forward.

    1. 1

      Thanks, Felix! Good luck :)

  3. 1

    super interesting thoughts here

  4. 1

    Love the concept @packy, agree that Substack has its limitations.

    Since you asked for feedback, your summary paragraph above the first subscribe is a few lines too long. I'm confident you can make it punchier. The "see what my friends say" seems like a tongue-in-cheek thing but makes it seem like they are not real testimonials. Just my two cents :)

    If you're down to give me feedback, here's my newsletter: productlessons.substack.com

    Thanks for sharing!

  5. 1

    I have subscribed. Read through some of your previous newsletter and was impressed by the length and through analysis :)

    1. 1

      Thank you!! I really appreciate that.

  6. 1

    Awesome. I’m just starting work on building on homepage around my newsletter (http://launchpersonalfinance.com). Although mine is built on top of Revue.

    I’m also planning on giving PH a shot in the near future. Any advice?

    1. 3

      Sweet! I think I got really lucky (ended up at #2 on PH yesterday), but a few things:

      • Post early - I set it to go live at 12:30am, and got a bunch of overnight upvotes, which built momentum
      • Send an e-mail to your list that day with more than just "Hey I'm on Product Hunt." I sent the full explainer that I posted here on the why behind the launch, and I think that helped drive motivation.
      • Make sure that you're responding to everyone in your comments and keeping the conversation going - I'm not sure how the algorithm worked, but I think the fact that there were so many comments helped.
      • Use Twitter or whatever social you're on to build excitement (I posted this thread the day before: https://twitter.com/packyM/status/1270750036696215554?s=20) and then keep people updated throughout the day if it's going well.
      • Don't use PH to build an engaged community; build an engaged community, get them excited about your growth, then go to Product Hunt.

      Good luck!

      1. 1

        Very helpful, thanks! Yea, I’m trying to build up my community a little more before hitting up PH.

Trending on Indie Hackers
How I grew a side project to 100k Unique Visitors in 7 days with 0 audience 49 comments Competing with Product Hunt: a month later 33 comments Why do you hate marketing? 29 comments My Top 20 Free Tools That I Use Everyday as an Indie Hacker 18 comments $15k revenues in <4 months as a solopreneur 14 comments Use Your Product 13 comments