Elements – Pricing

[stack_hero image=”38″]

Pricing Tables

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →

[/stack_hero]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Basic List

A simple option useful as part of a multi-plan price offering. Use the class .boxed–emphasis in conjunction with a label to emphasise the most valued price option.

[/stack_boxed_content]
[stack_pricing_table icon=”” title=”Basic” currency=”$” price=”4.99″ button_text=”Purchase Plan” button_url=”#”]Per Month, AUD Inlc GST.


  • 24/7 Phone Support
  • Unlimited Skips
  • Import CSV Data
  • Automatic Transfer

[/stack_pricing_table]

[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Basic Text

A simple option useful as part of a basic price offering. Use the class .boxed–emphasis in conjunction with a label to emphasise the most valued price option.

[/stack_boxed_content]
[stack_pricing_table layout=”text” icon=”” title=”Basic” currency=”$” price=”79″ button_text=”Purchase Plan” button_url=”#” label=”Value”]The regular license allows you to customize, store and even host your website using your platform[/stack_pricing_table]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Basic Image

A simple option useful as part of a basic price offering. Use the class .boxed–emphasis in conjunction with a label to emphasise the most valued price option.

[/stack_boxed_content]
[stack_pricing_table layout=”image” icon=”” title=”Designer” currency=”$” price=”79″ button_text=”Purchase Plan” button_url=”#” label=”Value”]The regular license allows you to customize, store and even host your website using your platform[/stack_pricing_table]
[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Wide List

A wider option suitable as part of a single or double-plan offering. Use a label to emphasise the most valued pricing option.

[/stack_boxed_content]
[stack_pricing_table layout=”wide” icon=”” title=”Medium User” currency=”$” price=”50″ button_text=”Purchase Plan” button_url=”#” label=”Value”]

  • 24/7 Phone Support
  • Unlimited Skips
  • Import CSV Data
  • Automatic Transfer
  • 100GB Storage

[/stack_pricing_table]

[stack_boxed_content padding=”boxed–lg” background=”bg–secondary”]

Minimal List

A minimally styled option ideal for use as part of 3 – 4 part plan offerings. Use a background class such as .bg–primary on the .pricing__head element to emphasise the most valued plan.

[/stack_boxed_content]
[stack_pricing_table layout=”list” icon=”” title=”Light” currency=”$” price=”19″ button_text=”Purchase Plan” button_url=”#” label=”Value”]

  • Anywhere Access
  • 4GB Online Storage
  • Import User Data
  • Automatic Transfer
  • 24/7 Support

[/stack_pricing_table]

Looking for styled pricing sections?

View Pricing Sections

or try the admin demo ↗