Pricing Tier Cards
Pricing Tier Cards shows the plans as a row of Pricing Cards. It holds two sets of cards, one for Studios and one for Sport centres, and shows the set for the segment the visitor selected in the Pricing Page Header.
The cards sit in a carousel: about three are visible on large screens, and visitors swipe on phones.
Choose a variant
Section titled “Choose a variant”Each segment has its own variant: Variant (Studios) and Variant (Sport centres).
| Variant | What visitors see |
|---|---|
| Simple | Each card has its own button. Cards can offer the Brand Package. |
| Advanced | Visitors select a card, then an add-on. A summary card adds up both prices and holds the single button. |
| Special Packages | Like Simple, followed by a second row of special package cards. Studios only. |
Simple
Section titled “Simple”Every card shows its Button label and Button link. A card with Show Brand Package Addon enabled offers the Brand Package below it. See Pricing Card.
Advanced
Section titled “Advanced”- Visitors click a card to select it. The card marked Selected by default starts selected.
- Below the cards, under the Add-ons title, visitors choose an add-on. The list starts with the No add-on card, followed by the add-ons of the selected card. Changing the plan resets the choice to the No add-on card.
- A summary card shows the Summary title, the selected plan, the selected add-on and the total under the Total label, with the Summary button label and Summary button link.
- While the summary card is out of view, a compact version with the total and the button stays at the bottom of the screen.
Cards in this variant show no buttons of their own.
Special Packages
Section titled “Special Packages”The cards work like Simple. Below them, under the Add-ons title, a second carousel shows the Special packages (Studios) cards. They are Pricing Cards too, each with its own button.
Disclaimer
Section titled “Disclaimer”Disclaimer (Studios) appears below the cards. Disclaimer (Sport centres) replaces it when the page has a segment picker and Sport centres is selected. Without a Sport centres disclaimer, the Studios one is shown for both segments.
Field reference
Section titled “Field reference”| Field | Default | What it does |
|---|---|---|
| Variant (Studios) | Simple | Simple, Advanced or Special Packages. |
| Cards (Studios) | empty | The Pricing Cards shown for Studios. |
| Variant (Sport centres) | Simple | Simple or Advanced. |
| Cards (Sport centres) | empty | The Pricing Cards shown for Sport centres. |
| Disclaimer (Studios) | empty | Small print below the cards. |
| Disclaimer (Sport centres) | empty | Small print for Sport centres. |
| No add-on card | empty | One Pricing Add-on Card for “no add-on”. Advanced only. |
| Add-ons title | empty | Heading above the add-ons or special packages. |
| Summary title | empty | Heading of the summary card. Advanced only. |
| Total label | empty | Label next to the total. |
| Summary currency | € | Currency of the total. |
| Summary interval label | /Monat | Text after the total. |
| Summary button label, Summary button link | empty | The summary’s button. Shown only when both are set. |
| Special packages (Studios), Special packages (Sport centres) | empty | Cards for the Special Packages variant. Sport centres cannot use this variant. |
| Background, Top Transition, Top Padding, Bottom Transition, Bottom Padding | Tiny padding | Section appearance, in the Section style group. |