View Live

Pricing Comparison

Our Pricing Comparison Module offers a sleek, user-friendly solution to showcase your diverse range of plans and services. With the ability to display between 2 to 4 plans as visually appealing cards and a detailed comparison table.

Plans

Here, you can modify each plan individually by accessing the "Plans" repeater. The customization options include:

  • Accent Color: Adjusts the color of the top border for visual distinction.
  • Name: The title of the plan.
  • Symbol: A symbol or text that appears before the price value.
  • Price: The cost of the plan.
  • Alt Price: An alternative price, useful for the Price Toggle feature.
  • Suffix: A symbol or text that appears after the price value.
  • Label: A pill-shaped tag adjacent to the plan name for quick identification.
  • Description: Text that appears on mobile devices or when comparison rows are absent.
  • Button: A call-to-action for users.

Rows

Here, you can modify each plan individually by accessing the "Rows" repeater. The customization options include:

  • Category: Serves as a heading for each category segment.
  • Features Repeater: Allows for the addition of multiple feature rows.
  • Title: The heading of the feature.
  • Tooltip: Offers additional information when hovered over.
  • Column Repeater: Enables customization for what is displayed in each plan's column.

Pricing Toggle

Enable your users to switch between two pricing options, such as Yearly and Monthly.

  • Enabled: Option to activate or deactivate the toggle.
  • Heading: Text displayed adjacent to the toggle for clarity.
  • Toggle Left: Configures the left-side option.
  • Toggle Right: Configures the right-side option.

Customization

This module offers customization options to align with your branding and specific requirements. You can customize the appearance and styles in the module's Style tab Customize the colors, fonts, and overall design to match your website theme.

See it Live