Modules
Advanced pricing (Omni Pro)
This module ships in Omni Pro.
Plan cards for products with several currencies or regions, product tabs, a highlighted plan, prices on request and a bundle offer. The pills above the plans switch every price at once, the tabs switch the set of plans.
On this page
Set up the content
- Add the module and write the Heading and Lead text. Wrap a phrase in asterisks to color it.
- Price variants: One pill per currency or region, for example «Norway · NOK» with Before the amount «NOK » or «Europe · EUR» with «€». Leave the list empty for a single price.
- Product tabs: One tab per product, with an icon. Leave the list empty to show every plan together.
- Plans: For each plan choose Shown under tab number, the icon, name and description, then the prices: One Amount per price variant, in the same order as the pills. Amounts are text, so «1 990» renders as typed. Leave the list empty and fill Custom price for «On request». Add the Included line («500 signatures included per year») and the features, where Marker is a check mark, a plus for what the plan adds, or none.
- Switch on Highlight this plan for the recommended plan and write the Badge text.
- For a combined offer add a plan with Card type → Bundle card: The eyebrow, name and description sit on the left, the features become check chips on the right, and the card fills the row of its tab.
Choose the look
| Setting | What it does |
|---|---|
| Styles → Layout → Columns | Auto follows the number of plans on the tab (up to four per row), or a fixed 2–4 |
| Styles → Layout → Plan name style | A heading, or a small uppercase label above the price |
| Styles → Layout → Card style | Elevated, outlined or tinted cards |
| Styles → Layout → Highlighted plan | Badge only, badge and accent outline, badge and dark card, badge and tinted card |
| Styles → Layout → Product tabs | Underlined labels or pills |
| Styles → Background band | A second color that starts part-way down the module, so the cards sit across a light and a dark area. Set where it starts in percent |
| Styles → Pills, tabs and badge | Colors of the pills, the tabs, the badge and the bundle chips |
| Styles → Text | Fonts and colors for heading, plan names, prices and text, check and plus colors |
Good to know
- Every amount is rendered on the page, so search engines and visitors without JavaScript see the first variant.
- A plan whose tab number is higher than the number of tabs lands on the first tab.
- The band works with Full width and Inset panel; on a dark Color mode it uses the dark card color.
- Use Pricing plans for a simple monthly/yearly switch. See also Color modes.
More in this category
Keep reading
Support
Did this answer your question?
If not, write to us and say which page you were on.