PricingLab gives your Framer site a conversion-focused pricing table with built-in plan cards, feature comparison rows, billing toggles, featured plan highlighting, trust copy, and experiment-ready Variant A/B content. It is designed for pricing pages where layout, hierarchy, copy, and plan emphasis directly affect sign-ups and revenue.
Supports up to four pricing plans with editable names, descriptions, monthly prices, yearly prices, price prefixes, suffixes, CTA labels, CTA links, notes, badges, and individual accent colors. Choose a featured plan by index to automatically apply stronger styling, accent border, top highlight bar, featured background, and elevated shadow. Add a monthly/yearly billing toggle with separate labels and savings badge copy for Variant A and Variant B. Experiment mode lets you switch headline, subtitle, billing labels, yearly badge, trust text, plan badges, CTA labels, and plan notes between A and B versions. Includes a desktop feature comparison table with up to twelve rows and support for check/dash rendering from values like “Yes,” “No,” “Included,” or “✓.” Responsive layout can be set to Auto, Desktop, or Mobile, with mobile variants for full pricing cards or compact cards. Mobile card mode can show a limited number of feature rows under each plan. Includes intro animation, billing-change animation, copy-variant animation, hover lift, CTA hover motion, reduced-motion support, measured breakpoint behavior, and full styling controls for layout, spacing, radius, colors, fonts, and type sizes.
Add PricingLab to your Framer canvas and edit your plans from the property panel. Add each plan’s name, description, monthly price, yearly price, badge, CTA, note, link, and accent color. Set the featured plan index to highlight the plan you want visitors to choose. Enable the billing toggle to let visitors switch between monthly and yearly pricing. Turn on experiment mode to prepare Variant A and Variant B copy for headlines, CTAs, badges, notes, and trust messaging. Add feature rows if you want a full plan comparison table, then choose your mobile layout, animation settings, colors, fonts, and spacing.
SaaS pricing pages, AI tool subscriptions, startup landing pages, plan comparison sections, paid newsletters, course platforms, template shops, agencies, productised services, membership sites, and any Framer project that needs a pricing section optimised for clarity, trust, and conversion.
Spyridon Merkouris
