A slice to display pricing options
With this slice you can display 1-3 Pricing options
Limits
Only works with 1 - 3 options
Do's:
Add different links for the different buttons. If you want to add an email (e.g. for the "contact us" button)
add "mailto:" to the buttonlink, just before the email address you choose, e.g.: `mailto:info
Don'ts:
Don't write titles and subtitles that are too long, as this will ruin the layout.
Props:
Props for the partners benefits-overview
1. Id (optional)
- Name: id
- Type: String
- Description: Slice id (anchor)
2. Title
- Name: title
- Type: String
- Description: Title of the slice
2. Subtitle
- Name: subtitle (richText)
- Type: String
- Description: Subitle of the slice
Repeatable:
Props for the 3-block section
1. Blocks Title
- Name: title
- Type: String
- Description: Title of the 3-block section on the bottom
2. Blocks Subtitle
- Name: subtitle
- Type: String
- Description: Subtitle of the 3-block section on the bottom
You can add each new row of the table (=each partner benefit) through props. Add the benefit text, and select true
or false if it's included in the different plans.
1. Title
- Name: Pricing option 1 title, Pricing option 2 title, Pricing option 3 title
- Type: String
- Description: Title of each of the 3 plans.
2. Subtitle
- Name: Pricing option 1 subtitle, Pricing option 2 subtitle, Pricing option 3 subtitle
- Type: String
- Description: Subtitle of each of the 3 plans.
3. type
- Name: type
- Type: String
- Description: Type of styling, options: gray, colored, outline
4. Divider text
- Name: divider text
- Type: String
- Description: A simple 1-3 letter word to seperate the pricing plans like: AND, OR, +
5. Title
- Name: Pricing option 1 title, Pricing option 2 title, Pricing option 3 title
- Type: String
- Description: Title of each of the 3 plans.
6. Subtitle
- Name: Pricing option 1 subtitle, Pricing option 2 subtitle, Pricing option 3 subtitle
- Type: String
- Description: Subtitle of each of the 3 plans.
7. Button text
- Name: buttontext
- Type: String
- Description: The text in the button
8. Button Link
- Name: buttonlink
- Type: String
- Description: The link in the button