The Framer Designer's Dilemma
Spending hours creating D1, D2, D3 variants and complex conditional visibility rules just to add basic filtering? There's a better way.
Add Toggle Filters for Boolean CMS Fields
Stop building D1, D2, D3 variants for simple yes/no filtering. Add professional toggle switches that instantly show/hide Featured items, Available products, or Published content.
- No more variant explosion for boolean fields
- Professional toggle interface in 2 minutes
- Works with Featured, Available, Published fields
- Fully customizable labels and styling
- Saves hours vs conditional visibility setup
Toggle Filter in Action
Clean toggle interface for boolean filtering
Get CMS Toggle Working in 2 minutes
Replace complex variant setups with simple toggle switches. Perfect for any true/false field in your CMS - Featured products, Available items, Published content.
Copy CMS Toggle from Dashboard
Visit your dashboard, find CMS Toggle component, and click 'Copy' to save it to your clipboard.
Pro Tips
- •Component comes with all settings pre-configured
- •No technical setup required before copying
Paste into Your Framer Project
Open your Framer project and paste the toggle component near your other filters or in your sidebar.
Pro Tips
- •Position with other filter controls for logical grouping
- •Works great in sidebars, headers, or above collections
Connect to Your CMS Collection
Select your CMS collection from the property panel dropdown to link the toggle with your content.
Framer Property Panel
Select your CMS collection from the 'Collection' dropdown in the property panel
Pro Tips
- •Must use the same collection as your other components
- •Connection creates automatic filtering between components
Choose Your Boolean Field
Pick which true/false field to filter by - Featured, Available, Published, or any boolean field in your CMS.
Framer Property Panel
Select the field name from your CMS: Featured, Available, Published, etc.
Pro Tips
- •Field names must match exactly as they appear in your CMS
- •Toggle will show All/True/False options automatically
Setup Complete!
Your CMS Toggle is now ready. Test it in preview mode to ensure everything works correctly.
CMS Toggle Setup Walkthrough
Watch the complete setup process step-by-step
CMS Toggle Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Toggle
See how CMS Toggle solves common filtering challenges across different industries and project types.
Featured Product Showcase
Highlight featured products with a simple toggle filter
Scenario:
An e-commerce store wants to let customers quickly view only featured/recommended products versus browsing everything.
Solution with CMS Toggle:
Toggle filter connected to the 'Featured' boolean field allows instant switching between all products and featured items only.
Key Benefits:
- Increased visibility for promoted products
- Better conversion on featured items
- Simplified product discovery
- Clear distinction between product types
Availability Filtering
Filter products by stock availability status
Scenario:
Customers get frustrated seeing out-of-stock items. They want to filter to only see available products.
Solution with CMS Toggle:
Toggle connected to 'Available' field lets users hide sold-out items and focus on what they can actually purchase.
Key Benefits:
- Reduced customer frustration
- Higher conversion rates
- Better inventory management perception
- Cleaner shopping experience
Content Status Control
Filter published vs draft content for content managers
Scenario:
Content editors need to quickly switch between viewing published articles and draft content for review.
Solution with CMS Toggle:
Toggle filter on 'Published' field allows instant switching between public content and draft articles.
Key Benefits:
- Streamlined content management workflow
- Easier content review process
- Clear status visibility
- Reduced publishing errors
Ready to implement CMS Toggle in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Toggle Demo
Try CMS Toggle in action with real CMS data. See exactly how it works before you implement it.
CMS Toggle Interactive Demo
See how CMS Toggle filters CMS content in real-time
CMS Toggle in E-commerce Store
Product filtering with CMS Toggle
CMS Toggle in Portfolio Site
Project filtering with CMS Toggle
Complete Your Filtering Setup
CMS Toggle works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Filters
Advanced filter builder for complex filtering logic
Works with CMS Toggle:
Combine toggles with other filter types for comprehensive filtering experiences.
CMS Search
Text search across multiple CMS fields
Works with CMS Toggle:
Search for specific items, then use toggles to refine by boolean criteria.
CMS Count
Display result count that updates with toggle changes
Works with CMS Toggle:
Show users how many items match their toggle selections.
CMS Facets
Display active toggle states as chips
Works with CMS Toggle:
Show current toggle selections as removable filter chips.
Get All Components Together
Save time and get the complete CMS Filter suite. All components work seamlessly together for the ultimate filtering experience.
Framer CMS Filter Pricing
Lock in founder pricing. First 20 licenses at $59 - prices rise as slots fill.
Personal
$59$79First 20 licenses only · Then $59 → $79
Features included:
- 1 Site
- All filter components
- Remix 2 demo projects
- Lifetime v1.x updates
- Email support
Agency
$149$199First 20 licenses only · Then $149 → $199
Everything in Personal, plus:
- Unlimited Sites
- All filter components
- Remix 2 demo projects
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Creator
$199$249First 20 licenses only · Then $199 → $249
Everything in Agency, plus:
- Template distribution rights
- All filter components
- Sell in marketplaces
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Founder launch: first 20 licenses $59 (Personal) & $149 (Agency) & $199 (Creator) · Prices rise as slots fill
Frequently Asked Questions
Common questions about CMS Toggle setup, configuration, and usage.