Divi Filter
The Divi Filter plugin lets you filter every column or row in the Divi Builder. Just by adding a few classes.
24€ / year
Filter Rows
Decide between filtering columns or whole rows.
Animations
Add filter animations to your filters.
Style Active Button
Easily style the the filter button that is currently active.
Start Filtered
Have elements already filtered after page load.
Multiple filters
Have an unlimited number of filters on all pages.
Different Modes
You can select between different filter modes.
Create beautiful filters!
Catch the attention by adding a beautiful filter like this demo to your website.
Filter columns or rows with CSS grid, like in this example below.
Vanilla
Cone
Vanilla
Stick
Strawberry
Cone
Nut
Cone
Soft ice
Cone
Chocolate
Stick
Strawberry
Cone
Vanilla
Stick
Mixed
Cup
Strawberry
Cone
Mixed
Cup
Strawberry
Cup
Soft ice
Cone
Chocolate
Cone
How it Works
You can create a beautiful filter in 3 steps.
Click here for a more detailed instruction.
1.
Create Layout
Just create a layout with the Divi Builder and all the modules that it contains.
2.
Add Classes
Filter columns or rows by adding the classes as explained here.
3.
Start Filtering
That's all. You can now add optional styling and animations.
3 Premium Layouts included!
The Ice Cream Layout, Listing Layout and Webdesign Portfolio are included to get your next project started.
Keep your visitors engaged
Improve the user experience, by adding an interactive filter on your page.
Here you can find more examples to get inspired.
Alena Schiller
Search Engines
Mike Tiger
Representative
Nelly Burdon
PPC
Leo Schwarz
Eastern Europe
Kevin Klein
Western Europe
Maria Korte
Advisor
Oliver Korte
Americas
Denisa Ozel
PR Manager
What others say
5/5 on the Elegant Themes Marketplace and WordPress.org.
I love this plug-in! I have been looking for a way to create my portfolio just the way I want it and with this plugin it is super easy! I have to say that I'm not good in code, CSS and stuff. So I had some questions, but the support you get is just awesome, very quick and very helpful! 100% recommend this plugin!
Charlotte
Graphic Designer, Dots & Lines
I used it on a significant website development project for a tourism board so I know it works and works really well. This plugin is regularly updated and maintained and I am confident we can expect further valuable features to be added over time. Do you need to filter things on your Divi site? Filter your blog? Products? Images? You name it — if you need to filter, think Divi Filter!
Mikaela Lindqvist
Founder, Minali
Filter for Divi is an easy to use filtration plugin for Divi theme. You only need to add a few CSS classes and then everything works. Daniel, developer of the plugin, is very nice and helpful, provides a top class support. I ended up buying the premium version of the plugin with multi-filter and CSS grid support and it was certainly worth it.
Branislav Dudas
Copywriter, Words & Codes
Great Plugin, which works perfectly and comes with outstanding support.
Andreas Arndt
Founder and CEO, ZweiDigital
Documentation
Here is a summary of all the CSS classes you have to add. You can find a more detailed documentation here.
Buttons
df-button
dfc-[filter-category] (for each class that you want to filter with that button)
Section
df-area
df-rows* (If you want to filter the whole row, instead of columns)
Columns / Rows
dfc-[filter-category] (add categories to each column/row)
Also available as Lifetime Version!
You can also get it as a one time payment.