Home
Getting started
- First steps
- Theme settings
  - Color
  - Typography
  - Layout
  - Corners
  - Components
  - Miscellaneous
- Header
  - Theme settings
  - Page settings
  - Editor
  - Previews
  - Header 1
  - Header 2
  - Header 3
  - Header 4
  - Header 5
  - Header 6
  - Header LP 1
  - Header LP 2
- Footer
- Section extra settings
- Set up blogs
Modules
- General info
- Accordion
- Blog card
- Box over image
- Button
- Column navigation
- Compact card
- Comparison table
- Contact box
- Content card
- Cover card
- Feature card
- Features showcase
- Form
- Gallery
- Go card
- Heading
- Hero slider
- Icon
- Image
- Image box
- Image plus text
- Language selector
- Listing
- Logos
- Mobile navigation
- Modal
- Multi address
- Navigation
- Numbers
- Pillar navigation
- Pricing
- Properties
- Quick action
- Quick features
- Quote
- Review
- Rich text
- Scroll to
- Section extra settings
- Section intro
- Sharing
- Shifter
- Side menu
- Site search
- Steps
- Tabs
- Team card
- Timeline
- Video
- Blog configuration
Articles
Changelog
License
Support policy
Refund policy

Pricing

Use case:

List pricing boxes in multiple columns or rows. Let the user toggle between two options (e.g. monthly/annual; great for subscriptions), or just list one-time fee plans.

Page speed impact:

Low, unless you use CTAs instead of plain link buttons.

Available in pages:

Yes

Reserved block class:

pricing

Resources:

css/components/pricing.css

js/components/pricing.js