Complementor/Post type search form
Navigation / widget · Elementor module

Post Type Search Form Plugin for Elementor

Add a search box that searches only one kind of content, such as blog posts, WooCommerce products or a custom post type.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Post type search formProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Search boxes for posts and products

These are the actual published outputs of the widget on a sample shop and blog: the default posts search, a styled product search, a stacked journal search and an icon-only button.

02 / Inside WordPress

Post type search form controls in Elementor

Content › Source picks the content type to search. Behaviour keeps the searched text in the field on the results page. Display sets the field label and whether it shows, the placeholder, the button text and a button icon before or after the text. The Style tab covers the layout, gap and maximum width, the label, the field with Normal, Hover and Focus states, border, radius and padding, and the button with typography, colours, states, border, radius, padding, alignment and icon size.

03 / Website use cases

Where to use post type search form

A site-wide search box mixes blog posts, products and every other kind of content into one list of results. Post type search form adds a labelled search box that searches only the content type you pick, using WordPress's own search, so a shop search returns products and a blog search returns posts.

01

Shop search

Let shoppers search products without blog posts in the results.

02

Blog search

Add a search box to the blog that returns posts only.

03

Directories and custom content

Search one custom post type, such as recipes, events or listings.

04 / Installation and setup

How to add a product or post search box in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Post type search form in the Complementor library.

  2. Add the widget to a header, sidebar, shop page or blog page.

  3. Choose the content type to search, such as Posts or Products.

  4. Set the label, placeholder and button text or icon.

  5. Style the field and button, publish, and run a search to check the results.

05 / Content and style controls

Customize post type search form in Elementor

Configure the settings available for this module to suit the page you are building.

  • Searches one public content type: posts, WooCommerce products or a custom post type.

  • Keeps the searched text in the field on the results page.

  • Visible or screen-reader-only label, placeholder and button text.

  • Button icon before or after the text, or an icon-only button with a spoken name.

  • Field and button side by side or stacked, with gap and maximum width.

  • Style: label, field and button typography, colours, Normal, Hover and Focus states, border, radius and padding.

06 / Choose the right approach

Post type search form and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

WordPress Search block and WooCommerce Product Search

The core Search block and WooCommerce's product search block cover the block editor. Use them there; use this widget inside Elementor layouts or for other content types.

Elementor Pro Search Form

Elementor Pro has its own search form. This widget adds a content type choice in the free version.

07 / Requirements and compatibility

Post type search form compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor.
  • One content type per form; no live suggestions or AJAX results.
  • Results use your theme's search template.

Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.

08 / Common setup problems

Troubleshoot post type search form

Check these settings if the published page behaves differently from the editor.

Why are pages not offered?

WordPress ignores a page scope in search links, so pages would turn into an unscoped search. Only content types WordPress can search on their own are listed.

Why do the results look different from my shop?

Results are shown by your theme's search template, or WooCommerce's product search template for products.

Why is the form missing?

The chosen content type is no longer public or searchable. The editor shows a note asking you to choose another.

Why is a single product opened instead of results?

WooCommerce opens the product directly when a search finds exactly one.

09 / Frequently asked questions

Post type search form plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor.

Does it need JavaScript?

No. It is a normal form that submits to the WordPress search.

Is it accessible?

Yes. The field always has a label, the form is a labelled search region, an icon-only button keeps a spoken name and focus is outlined.

Does it work with WooCommerce?

Yes. Choose Products and searches return products only.

Can it search several content types at once?

No. Each form searches one content type; add a second widget for another.

10 / Annual All Access subscription

Get post type search form with Complementor

This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

Renews at $99 USD each year.

Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.