Elementor widget · Content & TextPro
Pricing Toggle
A monthly/yearly pricing table with an animated billing toggle, featured-plan highlighting, and full styling control.
About this elementor widget
Show your plans the way customers shop them. The Pricing Toggle renders a clean, responsive pricing grid with a live Monthly/Yearly switch — prices swap instantly, no page reload — plus a "Save" badge and a highlighted "Popular" plan to steer the choice.
Key features
- Animated billing toggle that swaps monthly and yearly prices in place
- Optional savings badge on the yearly option (e.g. "Save 20%")
- Unlimited plans via a simple repeater — name, prices, features, and button per plan
- Featured plan highlighting with a "Popular" ribbon
- Auto-formatted feature lists with checkmarks (one feature per line)
- Set the default view to monthly or yearly
- Full styling: toggle off/on and knob colors, label and badge typography
- Card controls: background, featured background, border colors, corner radius, padding, gap, and box shadow
- Typography and color for plan name, price, features, and the Popular badge
- Button controls: typography, text and background color, hover states, padding, and corner radius
- Lightweight, dependency-free, and responsive
Add your plans, flip the toggle on, and style every element to match your brand.
