Pricing Table

Pricing Table presents a plan or offer with its price, features, and a button. It is a presentation element; configure the button's actual purchase or enquiry destination separately.

Add and configure Pricing Table

1. Click Add, choose Pricing Table, and place it in the container.
2. Set Content > Content > Title, Price, Description, and Features.
3. Configure the optional Accent, Accent Text, and Icon.
4. Set Button and HTML Tags, then style Container, Price, Features, Button, and Typography.
5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Accent	On/off.	Shared
Accent Text	Enter the accent text. When: Accent is set.	Shared
Icon	Icon.	Shared
Title	Item title.	Shared
Price > Before Price	Enter the before price.	Shared
Price > Amount	Enter the amount.	Shared
Price > Per Period	Enter the per period.	Shared
Price > Currency Symbol	Enter the currency symbol.	Shared
Price > Fractional Amount	Enter the fractional amount.	Shared
Price > Badge	Enter the badge.	Shared
Description	Supporting description.	Shared
Features	Add, edit, remove, and reorder features.	Shared
Features > Text	Visible text.	Shared
Features > Not Included	On/off.	Shared
Button > Text	Visible text.	Shared
Button > Link	Destination and link options.	Shared
HTML Tags > Title	div, h1, h2, h3, h4, h5, h6.	Shared

Design > Container

Setting	Purpose and options	Behavior
Background	Color or supported fill.	Shared
Width	Width.	Responsive
Content Alignment	Left, Center, Right.	Responsive
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls

Design > Accent

Shown when Accent is set.

Setting	Purpose and options	Behavior
Padding	spacing controls.	See linked controls
Color	Color or supported fill.	Shared
Label Radius	Set the corner radius.	Shared
Border Width	Border width and unit.	Shared
Typography	typography controls.	See linked controls

Design > Icon

Setting	Purpose and options	Behavior
Color	Color or supported fill. When: Icon is set.	Shared
Size	Size and unit.	Shared

Design > Price

Setting	Purpose and options	Behavior
Position	After Title, After Features.	Shared
Amount > Period Position	Vertical, Horizontal.	Shared
Amount > Currency Position	Prepend, Append.	Shared
Badge > Padding	spacing controls.	See linked controls
Badge > Color	Color or supported fill.	Shared
Badge > Border Radius	Set the corner radius.	Shared
Badge > Typography	typography controls.	See linked controls
Nudge > Currency X	Currency x and unit.	Responsive
Nudge > Currency Y	Currency y and unit.	Responsive
Nudge > Period X	Period x and unit.	Responsive
Nudge > Period Y	Period y and unit.	Responsive
Nudge > Fraction X	Fraction x and unit.	Responsive
Nudge > Fraction Y	Fraction y and unit.	Responsive

Design > Features

Setting	Purpose and options	Behavior
Force Left Alignment	On/off.	Shared
Icons > Icon Size	Icon size and unit.	Responsive
Icons > Included Color	Color or supported fill.	Shared
Icons > Excluded Color	Color or supported fill.	Shared
Icons > Background	On/off.	Shared

Shown when Background is set.

Setting	Purpose and options	Behavior
Icons > Included Icon	Color or supported fill.	Shared
Icons > Excluded Icon	Color or supported fill.	Shared
Icons > Padding	Padding.	Responsive
Icons > Radius	Radius and unit.	Responsive

Setting	Purpose and options	Behavior
Icons > Custom Icons > Included Icon	Icon.	Shared
Icons > Custom Icons > Not Included Icon	Icon.	Shared
Icons > Nudge > Icon Y Nudge	Icon y nudge and unit.	Responsive
Icons > Nudge > Icon X Nudge	Icon x nudge and unit.	Responsive
Text Indent	Text indent and unit.	Responsive
Space Between Items	Space between items and unit.	Responsive

Design > Button

Setting	Purpose and options	Behavior
Style	Primary, Secondary, Custom, Text.	Shared

Shown when Style = Text.

Setting	Purpose and options	Behavior
Text > Typography	typography controls.	See linked controls
Text > Padding	spacing controls.	See linked controls
Text > Fancy Underline	Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8.	Shared
Text > Underline Color	Color or supported fill.	Hover
Text > Arrow > Arrow	Arrow 1, Arrow 2, Arrow 3, Custom.	Shared

Setting	Purpose and options	Behavior
Text > Arrow > Custom Arrow	Icon. When: Style = Text and Arrow = Custom.	Shared
Text > Arrow > Space Before	Space before and unit. When: Style = Text.	Shared
Text > Arrow > Hover Transform	Hover transform and unit. When: Style = Text and Arrow ≠ Arrow 3.	Shared
Text > Arrow > Arrow Size	Arrow size and unit. When: Style = Text.	Shared
Custom Type	Custom, Preset. When: Style = Custom.	Shared
Custom > Size > Size	Custom, Small, Default, Large. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Responsive
Custom > Size > Padding	Padding. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Size = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Custom > Size > Override Width	Override width and unit.	Shared
Custom > Size > Full Width At	Breakpoint.	Shared
Custom > Background	Color or supported fill.	Hover
Custom > Outline	On/off.	Shared

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Outline is set.

Setting	Purpose and options	Behavior
Custom > Color	Color or supported fill.	Hover
Custom > Width	Width.	Shared
Custom > No Fill On Hover	On/off.	Shared

Setting	Purpose and options	Behavior
Custom > Typography	typography controls. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	See linked controls
Custom > Corners	Square, Round, Custom. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.	Shared
Custom > Corner Radius	Corner radius and unit. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Corners = Custom.	Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting	Purpose and options	Behavior
Custom > Icon > Icon	Icon.	Shared
Custom > Icon > Position	Before, After.	Shared
Custom > Icon > Size	Size and unit.	Responsive
Custom > Icon > Color	Color or supported fill.	Hover
Custom > Icon > Space Before	Space before and unit.	Responsive
Custom > Icon > Space After	Space after and unit.	Responsive
Custom > Icon > Hover Transform	Hover transform and unit.	Shared
Custom > Effects > Transition Duration	Transition duration.	Responsive
Custom > Effects > Scale On Hover	Set scale on hover. Range: 0–3.	Responsive
Custom > Effects > Shadow	Shadow offset, blur, spread, color.	Responsive, Hover

Setting	Purpose and options	Behavior
Preset	Set preset. When: Style = Custom and Custom Type = Preset.	Shared

Design > Typography

Setting	Purpose and options	Behavior
Title	typography controls.	See linked controls
Label	typography controls.	See linked controls
Price > Before Price	typography controls.	See linked controls
Price > Price	typography controls.	See linked controls
Price > Currency	typography controls.	See linked controls
Price > Fractional Part	typography controls.	See linked controls
Price > Period	typography controls.	See linked controls
Description	typography controls.	See linked controls
Features	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
After Icon	After icon and unit.	Responsive
After Title	After title and unit.	Responsive
After Price Area	After price area and unit.	Responsive
After Description	After description and unit.	Responsive
After Features	After features and unit.	Responsive
Price Area > Before Amount	Before amount and unit.	Responsive
Price Area > Amount / Period	Amount / period and unit.	Responsive
Price Area > Before Badge	Before badge and unit.	Responsive
Wrapper	spacing controls.	See linked controls

Troubleshooting