Using Divi Ajax Filter with Non-WooCommerce Custom Post Types

TLDR; The article explains that Divi Ajax Filter works well beyond WooCommerce, which makes it really useful for agencies adding dynamic filtering to custom post types like events, directories, portfolios, recipes, and case studies.

It follows a practical workflow: first define the CPT, then set up taxonomies and custom fields the right way, build the archive layout in Divi, add filters that actually help people find content, and test query behavior carefully. It is step by step, and mostly in the order you would expect.

The piece also says that content modeling usually matters as much as plugin setup, especially when taxonomies, ACF fields, post type slugs, performance, and caching are involved. That is a big part of making the whole setup run smoothly.

Thoughtful filtering can improve UX, make sites easier to manage, and help agencies build more useful, searchable content hubs without custom front-end builds. It is a simple idea, but here it is often an important one.


When most people hear “Divi Ajax Filter,” they think of WooCommerce product filters first. Fair enough. Product archives are a common use case, so that link feels natural. But that’s only part of the story. If you build client sites with Divi, plenty of projects aren’t online stores at all. They’re directories, event sites, portfolios, recipe libraries, team pages, case study hubs, and resource centers. And many of them rely on custom post types.

Dynamic filtering is especially helpful here. Instead of reloading archive pages over and over, visitors can narrow results instantly by taxonomy, search terms, custom fields, dates, or ranges. It’s much faster. Developers and agencies get a better user experience, plus a cleaner way for people to find the right content. Clients benefit too, with structured content that’s easier to manage and browse.

The good news is that Divi Ajax Filter doesn’t stop at products. It works with posts, products, and custom post types, while keeping setup inside the Divi Builder workflow. This guide focuses on using Divi Ajax Filter with non-WooCommerce custom post types, planning the content model, choosing the filters that make the most sense, and avoiding the mistakes that can show up when building dynamic filtering for real client sites.

Why Divi Ajax Filter matters for custom post types in Divi

Divi has added solid native support for custom post types. That helps. Elegant Themes has also explained that Divi supports custom post types as part of its core workflow, which makes it useful for showing custom content archives (Elegant Themes). Still, there’s a real difference between showing custom post types and filtering them in a way people can really use.

On content-heavy sites, that gap shows up quickly. A team directory with 80 profiles, an events archive with seasonal listings or a property site packed with search criteria gets hard to use when dynamic filtering is missing. Fast. Divi Ajax Filter documentation says the plugin is built to turn static archive views into interactive filtering for posts, products and custom post types (Divi Engine Docs).

Difference between native CPT display and dynamic filtering in Divi
Capability Divi Core Divi Ajax Filter
Display custom post types Yes Yes
AJAX no-reload filtering No Yes
Filter by taxonomies and custom fields Limited without extra tools Yes
Interactive archive browsing Basic Advanced

For agencies, that’s the key selling point. Adding a filter is only one part of the job. What agencies really do is make structured content easier to browse, which can improve time on site, reduce friction and help visitors find the right item faster.

How Divi Ajax Filter works with non-WooCommerce custom post types

The setup is pretty simple. First, create or register your custom post type. Then make sure it includes the taxonomies and custom fields you need for filtering. Next, build the archive or loop layout in Divi and point the query to the right post type slug. After that, add the filters you need on top. Pretty straightforward.

A lot of users assume the plugin is only for shops. It also works with posts, products, and custom post types. Filter options include taxonomy terms, search, date pickers, ranges, and ACF-based fields. The Elegant Themes marketplace listing describes it as a real-time filtering tool for shops, blogs, and directories, which fits many CPT projects (Elegant Themes Marketplace).

A common workflow looks like this:

1. Set the content source

Choose the custom post type to show, like events, properties, recipes or case-studies. Pick the one that fits best.

2. Build the loop layout

Design the card or archive item in Divi, since it controls how each CPT entry shows up. That’s the display. Teams working with newer builder tools may also want to review Divi-5 Loop Builder Explained Simply for related layout ideas.

3. Add Divi Ajax Filter modules

Use taxonomy filters, keyword search, or ACF field filters based on how people actually look for the content.

4. Test the query logic

Make sure the results update properly without reloading the page.

If you’re still planning the content structure, this guide on Divi Custom Post Types: Build Dynamic Layouts Without PHP is a good place to start before adding filtering.

Best filter types for directories, events, portfolios, and other CPT sites

Custom post types don’t all need the same filter setup. A good dynamic filtering experience starts with one simple question: how will real users actually try to find content?

For an events site, filters might need to cover event type, location, and date, while a property archive may need status, price range, bedrooms, and neighborhood. Needs vary. A case study library may lean on industry, service, and result type instead. That makes ACF support especially useful for agency builds. The plugin documentation points to supported options like custom fields, date filters, and ranges. Helpful options. They make richer faceted search experiences possible (Divi Engine Docs).

A practical setup may look like this:

Taxonomy filters

Use these for clear groups like departments, industries, locations, or event types.

Search filter

Great for resource libraries or team directories, especially when users already know the keyword or person.

Date picker

Handy for events, bookings, and archives linked to time.

Range filters

Great for prices, square footage, reading time, and even difficulty level.

Custom field filters

Best for highly structured data stored in ACF.

A broader WordPress comparison from Ben Ryan notes that more complex custom post type filtering projects may need paid tools rather than free ones, especially when they involve multiple taxonomies and richer search logic (Ben Ryan). That matches real agency experience. As content gets more structured, advanced filtering matters more.

One mistake to avoid is adding too many filters at once. When teams turn every field into a filter, the interface gets heavy and confusing. Start with the fields users care about most, then test and refine based on how people actually use the site.

Common setup mistakes that break Divi Ajax Filter dynamic filtering

Most issues with Divi Ajax Filter and custom post types don’t usually come from the plugin itself. More often, they begin with content modeling mistakes or query settings that don’t line up.

A big one is using the wrong post type slug. If the loop or archive module isn’t using the real CPT slug, filters may show no results at all or return uneven ones. It’s easy to miss. Research from Divi Engine tutorials points to that setup detail as a key part of working with non-WooCommerce CPTs (Divi Engine).

Another common issue is poor taxonomy planning. When a client stores key values as plain text instead of taxonomies or structured custom fields, filtering gets messy fast. For example, saving ‘New York’ in a few different text formats will never work as cleanly as placing it in a proper location taxonomy.

Performance gets missed too. AJAX filtering may feel quick at first, but a site can still seem slow when the archive pulls heavy images, too many fields, or queries that aren’t set up well. Keep it lean. Agency teams should trim card layouts and avoid loading extra data they don’t need.

If a build depends heavily on custom taxonomies, this related article on Best Practices for Using Divi Loop Extender with Custom Taxonomies can help keep the structure clean.

Caching can cause problems as well. Some caching tools interfere with dynamic filtering when they aren’t set up carefully. Before launch, always test filters on staging, especially on content-heavy sites.

Where Divi Ajax Filter works best for agencies

For agencies, the strongest use cases tend to sit between a blog and a store. These content types need solid organization, but not full WooCommerce logic. Things like:

  • event archives
  • team and staff directories
  • real estate listings
  • restaurant menus
  • recipe libraries
  • case studies
  • partner directories
  • knowledge bases
  • member resource hubs

These builds are showing up more now because clients want more than static pages. They want content hubs that feel searchable and flexible. Divi Ajax Filter fits that need well. No page reloads. It brings that kind of browsing experience into the Divi Builder workflow. The plugin is now aimed more at interactive archive experiences, not just product filtering, which lines up with where client demand is going.

There’s a workflow upside too. Instead of building a custom front-end search system from scratch, teams can stay in Divi. That makes client handoff easier. It also reduces training time and cuts down on custom maintenance work.

A smart implementation plan for client projects

Treat filtering as part of the content strategy, not just a design extra, if you want better results. Start by mapping how people use the site. Look closely at what visitors need to sort, compare, or find, then shape the CPT structure around that behavior.

A smart agency process usually looks like this:

  1. Define the custom post type clearly.
  2. Decide which data belongs in taxonomies and which belongs in custom fields.
  3. Build the loop design in Divi.
  4. Add only the filters that match user intent.
  5. Test the no-reload experience on desktop and mobile.
  6. Review performance, caching, and empty-state behavior.

Keep Divi Ajax Filter workflows maintainable

If you’re comparing broader dynamic content options in the Divi ecosystem, Divi 5 vs Divi Machine: Which Is Better for Dynamic Websites and Directories? is worth reading too.

Keep client editing simple. The best dynamic filtering setup lets clients manage everything without breaking the logic, using clear labels, standard field formats, and a content model that’s easy to follow. Teams exploring newer builder features can also review What Is Divi 5? (Explained for Beginners in Plain English) before planning larger archive systems. Tools from Divi Engine are especially useful here because they fit real Divi workflows. That helps agencies work more smoothly.

Put dynamic filtering to work

With non-WooCommerce custom post types, Divi Ajax Filter makes structured content easier to use. Divi already shows custom post types, but dynamic filtering helps people find the right content without extra friction.

Developers get cleaner archive logic and need fewer custom fixes. Designers get a better UX on content-heavy pages. Agencies can offer more value to clients who need directories, events, resources, listings, or case studies that feel modern and easy to browse.

The core steps are simple. Choose the right custom post type. Set the correct post type slug. Build the archive layout in Divi. Add only the filters people really need. Then test everything carefully. No shortcuts. Check ACF fields, taxonomies, mobile behavior, and caching.

When filtering is part of the content model instead of just a visual add-on, client sites work better. That’s what makes Divi Ajax Filter useful for custom post types. It turns static archives into dynamic filtering setups that feel more useful, faster to browse, smarter, and easier to manage.

0 Comments

Submit a Comment

Explore more from Divi Engine

Divi Form Builder

Divi Form Builder

From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.

Divi Form Builder
Find out more
Divi Machine

Divi Machine

Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.

Divi Machine
Find out more
Divi BodyCommerce

Divi BodyCommerce

A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.

Divi BodyCommerce
Find out more
Divi Handoff

Divi Handoff

Let clients update content without touching the Divi Builder. Design layouts once, connect them to Flexible Content fields, and give editors simple forms for text, images, and sections.

Divi Handoff
Find out more
Divi Loop Extender

Divi Loop Extender

Unlock the Full Power of Divi 5 Loop Builder Add advanced sorting, filtering, and relationship logic right inside the Visual Builder.

Divi Loop Extender
Find out more
Divi Membership

Divi Membership

Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.

Divi Membership
Find out more
Divi Machine Accounts

Divi Machine Accounts

Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active

Divi Machine Accounts
Find out more
Divi Ajax Filter

Divi Ajax Filter

Filter WooCommerce, Posts & Custom Posts without reloading the page.

Divi Ajax Filter
Find out more
Divi Mobile

Divi Mobile

Divi Mobile helps you create beautiful looking mobile menus without having to code.

Divi Mobile
Find out more
Divi Nitro

Divi Nitro

Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.

Divi Nitro
Find out more
Divi Protect

Divi Protect

Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!

Divi Protect
Find out more
Divi Mega Menu

Divi Mega Menu

Create stunning, responsive, and content-rich mega menus using the Divi Builder you already know. No coding required.    

Divi Mega Menu
Find out more