Skip to content

How to Create Dropdown Filter for Custom Posts with Custom Fields in Elementor? (ACF, Pods, Metabox)

Table Of Content

A dropdown filter packs many options into a single compact control, which suits long option lists better than a wall of checkboxes or radio buttons.

The WP Filters widget’s Drop Down sub-type is single-select, like Radio Button, but renders as a collapsed select list.

For the full settings tour of the WP Search Filters widget, see WP Search Filters Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: WP Search Filters is a Pro widget – it requires The Plus Addons for Elementor Pro to be installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for WP Filters and turn its toggle on.
  • A custom post type with either a taxonomy or a custom-field plugin storing the values.

Steps

Add the WP Filters widget, set Filter Type to WP Filter, then set Select Source to Drop Down.

Wp filter type set to drop down

Set Select Type to Taxonomy, ACF, PODs, Toolset or Metabox connection, then choose the specific taxonomy or field key that populates the dropdown.

Settings Overview

SettingWhat it doesDefault
WP Filter TypeSet to Drop Down for a compact single-select list.–
Select TypeTaxonomy, ACF, PODs, Toolset or Metabox connection.–
Placeholder TextLabel shown before a value is selected.Select Source

Related Docs

Related Frequently Asked Questions

Related Docs