Sign up for updates

Get a weekly update every Sunday with our announcements, company updates and a behind-the-scenes of what our community are building.
Over 11,000 people get our updates, join us!
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.
â­  all tutorials

A Substack clone with Webflow & Memberstack

This tutorial is available for pro members only

Request access

Substack is a popular platform for writers to monetize their posts. With Substack, you can easily set up a page (eg. writer.substack.com), get subscribers and then monetize your posts through a paid subscription. Everything is handled by Substack.

We recreate Substack's functionality using Webflow, Memberstack, Zapier and Mailierlite.

The advantage of building it ourselves is that we keep control of the look and feel of the experience (every Substack page is almost identical). It also costs cheaper than Substack at a certain subscriber count (Substack charges 10% of revenue).

The disadvantages of building it ourselves is that our clone requires copy pasting the posts from Webflow to Mailerlite. Our registration process isn't as clean as Substack's.

The full tutorial is available for pro members only

Request access

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

‍

‍

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

Substack is a popular platform for writers to monetize their posts. With Substack, you can easily set up a page (eg. writer.substack.com), get subscribers and then monetize your posts through a paid subscription. Everything is handled by Substack.

We recreate Substack's functionality using Webflow, Memberstack, Zapier and Mailierlite.

The advantage of building it ourselves is that we keep control of the look and feel of the experience (every Substack page is almost identical). It also costs cheaper than Substack at a certain subscriber count (Substack charges 10% of revenue).

The disadvantages of building it ourselves is that our clone requires copy pasting the posts from Webflow to Mailerlite. Our registration process isn't as clean as Substack's.

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

‍

‍

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

Added to your list!
Oops! Something went wrong while submitting the form.
Marked as complete!
Oops! Something went wrong while submitting the form.
Mark as completeSave to watch later
Take the quiz
Lesson details

Substack is a popular platform for writers to monetize their posts. With Substack, you can easily set up a page (eg. writer.substack.com), get subscribers and then monetize your posts through a paid subscription. Everything is handled by Substack.

We recreate Substack's functionality using Webflow, Memberstack, Zapier and Mailierlite.

The advantage of building it ourselves is that we keep control of the look and feel of the experience (every Substack page is almost identical). It also costs cheaper than Substack at a certain subscriber count (Substack charges 10% of revenue).

The disadvantages of building it ourselves is that our clone requires copy pasting the posts from Webflow to Mailerlite. Our registration process isn't as clean as Substack's.

You must be a member to view the full lesson

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

‍

‍

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

Previous submissions
No items found.
Supporting details

You must be a member to view the full lesson

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

‍

‍

In this section, we set up our Webflow CMS. Webflow CMS will be where we put our blog posts. First, we create a page /all-posts/ where we list show all of our blog posts. We use conditional visibility to hide paid posts (if post = paid, show a pay gate).

Then we create /all-posts-paid/ which shows all of our posts whether or not they are paid. This will be the page we hide with Memberstack for non paying members/subscribers.

Ready to get started?

Join the community and start turning your ideas into solutions