Complementor/Search query label
Content / widget · Elementor module

Search Query Label Widget Plugin for Elementor

Show what the visitor searched for on the search results page, such as Results for “sourdough”, safely escaped and in your own words.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Search query labelProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

A real search label

These are the actual published outputs of the widget on a real WordPress search for “sourdough”: the default label, an H1 heading with an icon, and a compact chip.

02 / Inside WordPress

Search query label controls in Elementor

Content sets the wording with % for the search words, text before and after, a fallback outside searches, the HTML tag (including H1) and an optional icon. In the editor, which is never a search, a styled sample lets you preview the design. The Style tab covers typography, colour, alignment, background, border, radius and padding, plus icon position, size, gap and colour.

03 / Website use cases

Where to use search query label

A search results template needs a heading that repeats what the visitor typed, and it must never let a crafted search inject markup into the page. Search query label shows the search words inside your own wording, strips and escapes them, and prints nothing on pages that are not searches.

01

Search results pages

Head the results with what the visitor searched for.

02

Shop search

Repeat the product search above the results grid.

03

Documentation sites

Confirm the search before listing guides.

04 / Installation and setup

How to show the search term 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 Search query label in the Complementor library.

  2. Open the template used for search results.

  3. Add the widget and adjust the wording, such as Results for “%”.

  4. Choose the HTML tag; use H1 if the template has no other H1.

  5. Style it, publish, and run a search to check.

05 / Content and style controls

Customize search query label in Elementor

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

  • The visitor's search words on search results pages.

  • Your own wording, with % for the search words.

  • Search words stripped of markup and escaped.

  • Span, paragraph, H1 to H4 or div tag.

  • Styled sample in the editor for designing.

  • Style: typography, colour, surface, icon.

06 / Choose the right approach

Search query label and Elementor alternatives

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

A typed “Search results” heading

A fixed heading does not say what was searched. This repeats the search words.

Elementor Pro Archive Title

Pro's archive title covers search pages. This widget works with the free version of Elementor.

07 / Requirements and compatibility

Search query label compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor and a search results template.
  • Search words only.
  • No result count.

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 search query label

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

Why is nothing shown?

The page is not a search results page, or the search was empty. Set Text when source is empty to show something there.

Why does the editor show “sourdough”?

The editor is never a search, so a sample search is shown for styling. Visitors see their own words.

Where do the search words go?

Wherever % is in the Wording. Without %, the words are added at the end.

Why does my H1 look like normal text?

The tag sets meaning only. Set its size and weight with Typography in the Style tab.

09 / Frequently asked questions

Search query label plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor, inside any search results template.

Is it safe against injected code?

Yes. Markup is stripped and the words are escaped, so a search like <script> shows as plain text.

Does it work with any language?

Yes. Search words in any script are shown as typed.

Does it show the number of results?

No. It shows the search words; pair it with a results count widget.

Does it add JavaScript?

No. It is plain HTML and CSS.

10 / Annual All Access subscription

Get search query label 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.