Responsive Comparison Table - Feature and Pricing List

Simplify complex decision-making for your users with the Responsive Comparison Table. This widget is engineered to clearly showcase the value of a specific plan, subscription, or service package by listing benefits side-by-side with their status (e.g., included vs. excluded).

The layout mimics high-converting pricing tables found on top SaaS and service websites. It features a split-column design: the left column aligns benefit descriptions to the right for easy reading against the divider, while the right column—highlighted with a distinct light-grey background—centers the status symbols for quick scanning.

Unlike rigid tables that require complex image uploads for icons, this widget utilizes Smart Text Status Symbols. The checkmarks (✓) are simply text characters. This gives you ultimate flexibility: you can easily delete a checkmark, replace it with a minus sign (-), or type "Yes"/"No" directly in the editor without needing to hunt for icon files. It is fully fully responsive, stacking neatly on mobile devices to ensure readability across all screen sizes.

Key Features:

• Dual-Column Layout: A clean, split comparison view with a distinct background color for the "Plan/Price" column to make it pop.
• Smart Text Icons: Uses editable text characters for checkmarks, allowing for instant customization (e.g., changing a check to a cross or text).
• Zebra-Striping: Subtle alternating row colors (white and light grey) improve readability and guide the eye across the table.
• CMS & Editor Ready: Built with data-slide attributes, allowing users to add unlimited feature rows instantly via the "Add Item" button.
• Conversion Focused: The layout is specifically designed to highlight value propositions (like "Prepay Savings"), helping to drive upgrades and conversions.
• Lightweight & Fast: Built entirely with CSS Flexbox, ensuring zero layout shift and lightning-fast loading speeds compared to JavaScript-heavy tables.