Annual/monthly toggle with discount
Shifts buyers to annual prepay with a monthly/annual toggle that shows the percent saved.
Expected impact
Shifts mix toward annual prepay; the visible percent saved does the persuasion.
Why it works
Baremetrics: annual plans retain ~92% of customers at 12 months vs 68% for monthly, so nudging annual prepay via the toggle compounds retention.
The prototype prompt
This is the spec Growthtyping compiles for you. The {{brand.*}} tokens are replaced with colors, fonts, radii, and voice from your brand - so the render comes out on-brand, not generic.
PATTERN SPEC: A billing-period toggle for the {{brand.site}} pricing page: segmented control with Monthly and Annually options, the annual side tagged with the percent saved in {{brand.success}}. Prices in a 3-plan grid below update live when toggled. Toggle uses {{brand.button_radius}} radius and 1px {{brand.border}} borders; selected state in {{brand.primary}}.“Baremetrics: annual plans retain ~92% of customers at 12 months vs 68% for monthly, so nudging annual prepay via the toggle compounds retention.”
P
Evidence-backed pattern
Pricing · Small effort