Build a Subscription Website with Webflow & Outseta

Tools included

Experience: Intermediate

For those who want to:

Manage user subscriptions

Enable user accounts on a Webflow site

Gate content for members based on subscriptions

Create multiple plans for users to choose and sign up to

One of the easiest ways to enable user accounts and create a membership site is with Outseta. Outseta allows you to enable sign-up and login capabilities on your site, enable subscriptions for your business, and acts as a robust CRM. In this tool path, we will show you how to integrate Outseta with Webflow to gate content for members only and enable membership capabilities for your site.

This tool-path was built by our Creator in Residence, Tessa.

What will you learn?

How to set up a membership template in WebflowStart now ⭢

This tutorial walks you through a Webflow template that you can use to create free and gated content depending on which plan your users have signed up to. It will help you think about your site navigation, pages, and collections as we later integrate with Outseta.

How to connect Stripe with OutsetaStart now ⭢

In this tutorial, we show you how to connect Stripe to your Outseta account. This will be helpful if you are going to be charging users for access, a product, or a service.

How to create tiered plans for content access in OutsetaStart now ⭢

With Outseta, you can set up different types of plans for users. In this tutorial, we will set up three different types of plans, which will each have a different monthly and annual rate for uers to choose between.

Using Outseta to set up member-only content in WebflowStart now ⭢

In this tutorial you will learn how to set permissions on certain content in Webflow based on a user's plan in Outseta.

Using Outseta to add sign-up and login functionality to a Webflow siteStart now ⭢

Now that you have set up Outseta with Webflow, you need to enable users to sign up and login on your Webflow site. This tutorial will walk through how to add the Outseta sign-up and login scripts to your Webflow template.

How to test a payment workflow with Stripe and OutsetaStart now ⭢

Now that we have set up Outseta with our Webflow site, it's time to test out the sign-up workflow from a user experience. In this tutorial, we will set up a test card in Stripe to test the functionality of signing up for a paid plan.

Join today for free and access 200+ tutorials

Join Makerpad today and you'll get access to hundreds of tutorials and educational content to help you create projects, automate workflows, and build software, without writing code.

Learn alongside 4 thousand professionals, no coding required.

Get Started Free

From the blog

visit the blog