Pricing Cards 3 Tiers
3-tier pricing table with Pro plan featured
pricing
Pricing with Monthly/Yearly Toggle
pricingA pricing table with a monthly/annual switch and a discount badge — the standard pattern for subscription businesses.
Lighthouse 90+ WCAG AA Mobile-First Semantic HTML Tailwind CSS Free Forever
Use this block
Free to use — build your site, publish when ready.
Live preview
If you sell subscriptions, the monthly/yearly toggle is practically mandatory: it lets price-sensitive visitors see the discounted annual rate while keeping the low-commitment monthly option one tap away. The discount badge (“2 months free”, “-20%”) does the persuasion for you.
The toggle is interactive out of the box and each state has its own editable prices. Adjust plans, features and buttons visually in the Communik builder.
Pair it with a FAQ section to answer billing questions on the spot, or browse the other pricing layouts.
Frequently Asked Questions
Everything you need to know about our templates
Does the toggle work without custom code?
Yes. The monthly/annual switch is functional as delivered; you only edit the two sets of prices in the editor.
What discount should I show on annual plans?
Two months free (≈17%) is the most common and reads instantly. Larger discounts work if your churn is low and cash flow matters.
Can I default to annual pricing?
Yes — choose which state is active on load; showing annual first anchors the lower monthly-equivalent price.
More blocks in this category
Pricing Cards 2 Tiers
Simple pricing table with 2 plans
pricing
Pricing Cards 4 Tiers
4-tier pricing table (Free, Basic, Pro, Enterprise)
pricing
Pricing Cards Featured
Pricing table with enlarged and featured central card
pricing
Pricing Cards Gradient
Pricing table with multicolor gradient background on featured card
pricing
Pricing Cards Dark
Pricing table with elegant native dark theme
pricing
Explore More Templates
Discover more templates and resources
About Sections
Browse about sections templates
Blog Sections
Browse blog sections templates
Commerce Sections
Browse commerce sections templates
Blog Module
Complete blog feature with multiple design variants
About Page Templates
Full page layouts in the about category
Templates for Portfolio
Templates designed for portfolio businesses
Calendly Templates
Templates with Calendly integration support
Trusted by thousands of websites worldwide
1,230+
Templates
31
Feature Modules
97
Design Variants
90+
Lighthouse Score
WCAG AA Accessible
Mobile-First
Semantic HTML
Tailwind CSS
Start Building for Free
Create your website in minutes with our drag-and-drop builder.
Free forever. No credit card required.