How to Create a Paid Plan

Article author
Duncan Hamra
  • Updated

In this article, you learn how to recreate a Memberstack plan that matches a Webflow offering. For this demo, I'll show you how to create a Basic Plan with monthly and yearly pricing. Once you understand that workflow, you'll be able to create any offering you like.

 

Creating a Plan

The first step is to create a paid plan.

  1. Go to your Memberstack dashboard and click Plans on the side menu.
  2. Click the Add plan button at the top of the page.

On the next page:

  1. Click the Paid Plan tile and then Next.
  2. Enter the plan name. (required).
  3. Enter a description. (optional - you can come back later and fill in this field).
  4. Click Create Plan. Memberstack returns to the Plans page

Adding a Price

If this is your first paid plan, you might be prompted to connect your Memberstack account to your Stripe account. If so, complete that connection before going on to the next steps. If not, keep reading and create a Monthly price.

  • FYI Click here to learn how to connect with Stripe.

Monthly

The next step is to add a monthly price to the plan.

  1. On the Plans page, select the plan you just created.
  2. Go to the panel on the right and expand the Prices folder.
  3. Click the + Add button.
  • FYI  Explore other plan configuration options like adding a signup rule.

On the new panel:

  1. Enter a price name.
  2. Select Recurring.
  3. Enter a price.
  4. Select a currency.
  5. Add a frequency.
  6. Click Create Price.
  • FYI  Expand the Additional options folder to explore pricing options, such as adding a setup fee.

a-6.png

Take a minute to read the text in the confirmation popup. If it looks, good, click the Create new price button.

  • FYI  It's not possible the edit the details after you create a price. If there is a problem, you can always archive (but not delete) a price and then create a new one.

a-7.png

Yearly

After you create the basic price, Memberstack returns to the Plans page. To create the yearly price option, repeat the steps described above.

You might end up with a new price that look something like this.

a-8.png

After you create a second price, Memberstack returns to the Plans page. The Prices folder has two options.

a-9.png

 

Installing Price Information

To link this price information to your site:

  1. Expand the Installation folder on the Plans page.
  2. Select a price and copy the attribute over to your site.

a-10.png

 

That's all.

Now you know how to create two prices for a paid plan.

 

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.