Skip to content

Commit 3dd5f82

Browse files
Merge pull request #462 from kinde-oss/Feat/Billing-updates
Feat/billing - plan groups and pricing tables Reviewed by Dave
2 parents 01b6419 + 950e7e8 commit 3dd5f82

File tree

6 files changed

+113
-4
lines changed

6 files changed

+113
-4
lines changed

src/content/docs/billing/billing-user-experience/add-billing-to-url-sdk.mdx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ sidebar:
66
relatedArticles:
77
- bd6757e3-81d5-48d6-89c8-dd4c222ac647
88
- 100f75f1-a0a4-459f-874f-da127f2d0615
9+
- c47fa1fb-15e1-4dcf-93d9-59df6acdf6da
910
---
1011

1112
This topic explains how to customize billing flows with Kinde, including URL parameters, direct auth URLs, and SDK usage in React.

src/content/docs/billing/billing-user-experience/plan-selection.mdx

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ A pricing table can only have 4 plans.
2323
1. Go to **Billing > Pricing tables**.
2424
2. Select **Add pricing table**.
2525
3. Choose an option:
26-
1. **Generate** a pricing table from a plan group - this pre-populates the pricing table with basic details and the plans based on the plan group you select. Up to 4 plans can be included on a pricing table. If your plan group contains more, you may want to create a new pricing table.
26+
1. **Generate** a pricing table from a [plan group](/billing/manage-plans/add-manage-plan-groups/) - this pre-populates the pricing table with basic details and the plans based on the plan group you select. Up to 4 plans can be included on a pricing table. If your plan group contains more, you may want to create a new pricing table.
2727
2. **Create new** pricing table. Manually build the pricing table and add plans from a plan group. This gives you a blank slate to start in.
2828
4. Select **Next**.
2929
1. **Generated** - select the group and then **Save**.
@@ -52,14 +52,14 @@ You can add and remove plans from the pricing table when it is being worked on.
5252

5353
## Change the order of plans on a pricing table
5454

55-
The display order of plans from left to right corresponds to the position listed in the **Plans** section of the pricing table.
56-
5755
1. Open the pricing table.
5856
2. Scroll to the **Plans** section.
5957
3. Select the three dots menu on the plan you want to move.
6058
4. Select **Move up** or **Move down**, depending on the plan position.
6159
5. Select **Save**.
6260

61+
This is the order plans will be displayed left to right on the pricing table.
62+
6363
## Add a features list to a plan on the pricing table
6464

6565
To promote the top features in a plan, add them manually to the pricing table. These features don't need to correspond exactly to your plan configuration, this is an opportunity to sell the most appealing product features and make plan choices easy for customers.
@@ -104,6 +104,8 @@ We recommend only doing this after your plans are finalized and published.
104104
2. Select **Make live**.
105105
3. Select **Save**. If a user passes the pricing table code in a URL, they will be able to sign up using it.
106106

107+
Here's how to [add the pricing table params to URLs](/billing/billing-user-experience/add-billing-to-url-sdk/).
108+
107109
## Set pricing table to show as default in register flow
108110

109111
You can set a pricing table to show by default, even if the code key is not passed in the URL during the normal sign up flow.
Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
page_id: c47fa1fb-15e1-4dcf-93d9-59df6acdf6da
3+
title: Pricing table display defaults
4+
sidebar:
5+
order: 4
6+
relatedArticles:
7+
- 37d5ae8e-cfd1-4e5d-8333-387b6967ec23
8+
- db047df7-d6b6-4d02-843f-dce6000bacbd
9+
---
10+
11+
The pricing table that is displayed in a particular flow depends on the the [default plan groups and group types](/billing/manage-plans/add-manage-plan-groups/).
12+
13+
## B2C (User-based)
14+
15+
A pricing table is shown when:
16+
17+
- A new user registers
18+
- An existing user, marked as a billing customer, signs in but isn’t on a plan yet
19+
20+
## B2B (Org-based)
21+
22+
A pricing table is shown when:
23+
24+
- A new organization registers (`is_create_org` parameter)
25+
- An org member with `org:write:billing` permission signs in and the org is a billing customer but not on a plan yet
26+
27+
## B2B2C (Platforms - uses both)
28+
29+
- Organization plan selection = B2B logic
30+
- User plan selection = B2C logic
31+
32+
## Override the default plan display
33+
34+
You can override which plan or pricing table is shown using URL parameters. See: [Update code and URLs for billing](/billing/billing-user-experience/add-billing-to-url-sdk/).
35+
36+
## Summary of display for plan groups
37+
38+
| Model | Plan group | Pricing table is shown when |
39+
| --- | --- | --- |
40+
| B2C | User plan group | New user registers / logs in |
41+
| B2B | Org plan group | New org registers / billing admin |
42+
| B2B2C | Both | Depends on flow context |
43+
44+

src/content/docs/billing/manage-plans/about-plans.mdx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,17 @@ These are known limitations that we are actively working on to add.
2727
- No alterations to billing cycle or invoice methods.
2828
- Add-ons and discounts that can be applied to individual subscriptions.
2929

30+
## About plan groups
31+
32+
Plan groups are a collection of related plans, tied to either users or organizations.
33+
34+
- You can create as many plan groups as you need.
35+
- Each group can only contain plans for users OR plans for orgs.
36+
- You can create multiple pricing tables for one plan group (but only one is the default).
37+
- Only one plan group can be included in a pricing table.
38+
39+
For more information see [add and manage plan groups](/billing/manage-plans/add-manage-plan-groups/)
40+
3041
## Parts of a plan
3142

3243
There are a number of concepts and elements involved in building a plan.
Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
---
2+
page_id: adee7343-3d87-4045-9d62-5db57fce6596
3+
title: Add and manage plan groups
4+
sidebar:
5+
order: 5
6+
relatedArticles:
7+
- 88e1773a-b681-441f-b4c7-d7d339116867
8+
- fe9fea0c-274c-4d6b-9cc5-eccdbaad85b7
9+
- 37d5ae8e-cfd1-4e5d-8333-387b6967ec23
10+
---
11+
12+
Plan groups are a way of organizing sets of related plans together.
13+
14+
A plan group can be defined as an 'organization' or 'user' type, depending who you are selling to. For (B2B) businesses, use the organization type. For (B2C) individual customers, use the 'user' type. If you are a B2B2C business, create one group of each type.
15+
16+
How you set up plans in the group impacts how you present feature bundles on a pricing table.
17+
18+
## Default plan groups
19+
20+
When you first add a plan in Kinde, you select the plan type and a plan group will be automatically created for you. You can later change the name of the group, or make a different group the default group. There can only be one default group for organizations and one for users. The default group is what is displayed by default on a pricing table.
21+
22+
## Add a plan group
23+
24+
1. Go to **Billing > Plans**.
25+
2. Select **Add group**.
26+
3. Enter a **Name** and select the type of plan the group contains.
27+
4. Choose a colour. This only applies to how the group appears on the **Plans** page.
28+
5. Select **Save**.
29+
6. Repeat for all the groups you want to add.
30+
31+
## Organize plans within a group
32+
33+
The order of plans within a group represents the order they are shown in the Kinde Admin. This does not impact the order they are shown on the pricing table.
34+
35+
To move a plan up or down in a group, select the three dots menu and select a moving option:
36+
37+
![Plan card overflow menu](https://imagedelivery.net/skPPZTHzSlcslvHjesZQcQ/787e431f-c73c-44b4-b245-222f9a4cf200/public)
38+
39+
## Delete a plan group
40+
41+
<Aside type="warning">
42+
43+
If you delete a plan group that is associated with a pricing table, the pricing table will also be deleted. These actions are not reversible.
44+
45+
</Aside>
46+
47+
1. Go to **Billing > Plans**.
48+
2. Select the three dots menu near the plan group name.
49+
![Plan group overflow menu](https://imagedelivery.net/skPPZTHzSlcslvHjesZQcQ/1ba1256c-d3cf-4b80-e7b0-8422d3866100/public)
50+
3. Select **Delete**.
51+
4. In the confirmation window that appears, confirm you want to delete.

src/content/docs/billing/pricing/pricing-models.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ In Kinde, create a **Fixed charge** and call it something like `Subscription fee
2323

2424
- Example - Basic plan 5.00, Team plan 20.00, Business plan 75.00.
2525

26-
## Usage-based (metered) pricing
26+
## Usage-based (metered or tiered) pricing
2727

2828
Where you charge customers for what they use. For example, monthly active users, data storage, transactions, etc. For each individual plan you can treat this as fully pay-as-you-go, or charge volume prices so the price goes down the more units are used. You can set limits for usage based pricing or leave as limitless. Limits can make plan upgrade more attractive.
2929

0 commit comments

Comments
 (0)