Iron Plans
Search…
Implement a public pricing page in 5 minutes
Get a public pricing page up and running with Iron Plans ASAP

Step 1: Create a Public Token

Create a public token in the Iron Plans Dash. A public token is a limited-scope token that authorizes all client-side SDK access to Iron Plans.

Step 2: Client-side SDK

Integrate Iron Plans in your front-end by using our Client-side SDKs. Our UI components support custom theming to perfectly match your existing style.
1
// JS SDK
2
// add to <head> tag of page
3
<script src="https://unpkg.com/@ironplans/sdk/dist/sdk.min.js"></script>
4
<script>
5
const theme = {
6
base: {
7
customFont: 'Alegreya Sans',
8
colors: {
9
primary: '#660099'
10
},
11
fontFamily: 'Alegreya Sans, sans-serif',
12
}
13
}
14
const opts = {
15
redirectUrl: 'https://mywebsite.com/sign-up'
16
}
17
const p = new IP.Pricing({publicToken: 'YOUR_PUBLIC_TOKEN'})
18
p.showWidget(theme, '#plans-div', opts)
19
</script>
20
21
// Or use the React SDK
22
<PricingPlans
23
publicToken="YOUR_PUBLIC_TOKEN"
24
redirectUrl="https://mywebsite.com/sign-up"
25
/>
Copied!
Example public pricing widget

Step 3: Create Plans

  • Create some public plans in the Iron Plans dashboard.
  • You can also create an unlimited number of private plans -- e.g. for custom offers, or pre-existing contracts.
  • Public plans can be unlisted to become private without interrupting your customers' service, and private plans can become public.
  • Plans are a collection of Features that you want to display to your customers. They also are the building blocks for more sophisticated pricing models.
You can create up to 4 paid public plans for your customers to select from.