Pricing Card
A Pricing Card is one plan inside Pricing Tier Cards. It shows a title, a description and the price for the payment interval the visitor selected in Pricing Controls.
Prices
Section titled “Prices”Each card has two prices:
- Price (yearly billing) is shown when the visitor selects yearly payment, which is the default.
- Price (monthly billing) is shown for monthly payment.
The Currency appears before the price and the Interval label (for example /Monat) after it. The matching Price note appears in small text below. Prices are rounded to whole numbers.
Price text replaces the whole price display, for example with On request for an enterprise plan. Set both prices to 0 in that case, because they are required fields.
Discount and tooltip
Section titled “Discount and tooltip”- Discount (%) shows a badge such as
-20%, the full price crossed out and the discounted price. The summary and the Feature Comparison use the discounted price. - Tooltip shows a
?icon next to the title with this text on hover. It only appears when the card has no discount, because both use the same place.
Button
Section titled “Button”In the Simple and Special Packages variants, the card shows a button with the Button label and Button link. Emphasize button gives it a stronger style. Cards with Card style set to Golden always use the golden button.
The website adds the plan to the button link so the next page knows what was chosen: ?package=<Title>, and for cards with the Brand Package also brandPackage=true or brandPackage=false.
Add-ons
Section titled “Add-ons”Add-ons holds the Pricing Add-on Cards offered with this plan. They only appear in the Advanced variant, when this card is selected.
Brand Package
Section titled “Brand Package”In the Simple variant, a card can offer the Brand Package as an extra below it:
- Open the Brand Package group and enable Show Brand Package Addon.
- Enter the Brand Package title, the text of the fold-out bar. The default is
Brand Package. - Optionally edit the Brand Package description shown when the bar is opened.
- Enable Brand Package pre-selected if the switch should start switched on.
Visitors switch the Brand Package on or off. Their choice is sent with the button link as brandPackage=true or brandPackage=false. The Brand Package does not change the price shown on the card.
Visibility
Section titled “Visibility”Visible in region and Visible for languages hide the card outside the chosen regions or languages. The region is checked first.
Field reference
Section titled “Field reference”| Field | Default | What it does |
|---|---|---|
| Title | required | Plan name. Also used in the button link and the Feature Comparison heading. |
| Card style | Default | Golden gives a dark card with a gold title and button. |
| Description | empty | Text below the title. |
| Tooltip | empty | ? hint next to the title, only without a discount. |
| Currency | € | Shown before the price. |
| Price (monthly billing) | required | Price for monthly payment. |
| Price note (monthly billing) | empty | Small text below the monthly price. |
| Price (yearly billing) | required | Price for yearly payment. |
| Price note (yearly billing) | empty | Small text below the yearly price. |
| Price text | empty | Replaces the price display. |
| Interval label | /Monat | Shown after the price. |
| Button label, Button link | empty | The card’s button in Simple and Special Packages. |
| Emphasize button | off | Stronger button style. |
| Discount (%) | empty | Discount badge and discounted price. |
| Add-ons | empty | Add-on cards for this plan, Advanced only. |
| Selected by default | off | Starts selected in the Advanced variant. |
| Visible in region, Visible for languages | empty | Limit where the card is shown. Empty shows it everywhere. |
| Show Brand Package Addon | off | Offers the Brand Package below the card, Simple only. |
| Brand Package title | Brand Package | Text of the fold-out bar. |
| Brand Package description | preset text | Shown when the bar is opened. |
| Brand Package pre-selected | off | Starts with the Brand Package switched on. |