Skip to main content

Service Tier

The Service Tier component allows you to create and customize individual pricing tiers within your pricing table. Each tier can be fully customized with its own label, highlight badge, and styling options to effectively communicate different service levels and pricing options to your customers.

Key Features​

  • Custom Tier Labels: Create descriptive names for each pricing tier
  • Highlight Badges: Add attention-grabbing badges (e.g., "Popular", "Best Value")
  • Visual Customization: Complete control over colors, spacing, and borders
  • Badge Styling: Customize badge appearance with colors and positioning
  • Responsive Design: Automatically adapts to different screen sizes
  • Flexible Layout: Adjustable spacing and alignment options
  • Background Options: Customize background colors and effects

Common Use Cases​

  • Free tier presentation
  • Premium plan highlights
  • Enterprise package features
  • Starter package offerings
  • Professional tier options
  • Basic vs Advanced plans
  • Trial period offerings
  • Special promotion tiers

Customization Options​

Content Panel​

  • Tier label text
  • Highlight badge toggle
  • Badge text customization
  • Visual preview

Design Panel​

  • Background styling
  • Border customization
  • Spacing controls
  • Badge appearance settings:
    • Color scheme
    • Border colors
    • Background colors