V4 Early Bird: save 25% on Annual, 30% on Lifetime, and get 2x site activations on every plan. Ends Oct 17.V4 Early Bird: up to 30% off + 2x sites · ends Oct 17. See plans →
Try Animation Addons Free
Atomic Element · Free

Elementor Search Results Title show visitors what they searched for

Put "Search Results for: sourdough" at the top of your results page, plus the category and date filters the visitor picked in the Animation Addons Search Form, so they know why the list looks the way it does.

Download free See the demos
  • Native Elementor 4 Atomic Element
  • No Elementor Pro needed
  • Lists active category and date filters
  • Free search page template included

Animation Addons 4.3Updated

Demo variations

Five ways to use the Search Query.

Ideas you can build today with the Search Query and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.

01Recipe and lifestyle blogs using the Search Form's category filter

Recipe results with filter summary

"Recipes matching: chickpea" with a small pill underneath reading "Category: Mains", then a three-column recipe grid with photos.

Built with
Search Query, HTML Tag H1, Search Text "Recipes matching:"; Search Form (Inline, category filter on) repeated above; Loop Grid set to Current Query (Archive) with Post Image and Post Title; the filter line styled as a pill with Custom CSS on .aae-a-search-query-filter.
Motion
None.
02Press rooms and company blogs

Newsroom results with a date window

"Coverage of: funding" with "Date: From 2026-03-01 to 2026-03-31" under it, then a single-column list of dated announcements.

Built with
Search Query, Search Text "Coverage of:"; Search Form with Show Date Filter on; Loop Grid set to Current Query (Archive) in one column with Post Title and Post Excerpt.
Motion
None.
03Knowledge bases and SaaS help centers

Help center "you searched for" page

A compact grey band with "You searched for: reset password" and a search bar to try again, above a plain list of article titles with one-line previews.

Built with
Search Query, HTML Tag H1, Search Text "You searched for:"; Search Form beside it; Loop Grid (Current Query) with Post Title and Post Excerpt.
Motion
None.
04Studios and portfolios with a bold editorial style

Studio journal, term only

Only the search term, set very large and centred, with no lead-in text, above a two-column grid of journal posts.

Built with
Search Query with Search Text left empty and HTML Tag H1; display type from the Style tab; Loop Grid (Current Query) in two columns.
Motion
The term's letters reveal one by one with Text Animation.
Needs Pro
Text Animation (Pro extension).
05Sites that are not in English

French bakery, its own lead-in

A French bakery's results page with the heading in French, "Résultats pour : levain", no filter lines, the search bar under it and a row of three loaves with photos and names.

Built with
Search Query, HTML Tag H1, Search Text "Résultats pour :"; Search Form (free) without filters; Loop Grid (Current Query) with Post Image and Post Title.
Motion
None.
Features

What you get with the Search Query.

Every option below is a real control in the Search Query panel or part of how the element renders. Nothing here needs custom code.

Shows the visitor's search term

On the live results page, Search Query reads the search term from WordPress and prints it after your lead-in text, inside its own span.

Your own lead-in, in any language

Change Search Text to "Results for", "Résultats pour :", "Recipes matching:" or anything else, or leave it empty to show the term alone.

Lists the filters that shaped the results

When visitors filter with the Animation Addons Search Form, Search Query adds lines such as "Category: Breads, Pastry" and "Date: From 2026-01-01 to 2026-06-30", or "Date: From …" / "Date: To …" when only one date is set. Without the Search Form's filters, only the title line shows.

The right heading level

HTML Tag offers H1 to H6, div, span and p. The tag wraps the lead-in and term, so an H1 stays a real H1 for search engines and screen readers.

Works with the free Theme Builder

Place it on a Search Page template in the Animation Addons Theme Builder; no Elementor Pro Theme Builder needed.

Nothing extra to load

Search Query ships no stylesheet and no script. Typography and colour come from the Style tab and pass down to the term and filter lines.

Built on the atomic base

How the Search Query widget is built (atomic structure)

Why it mattersOne Class styles the whole heading. The term and filter lines have stable class names, so Custom CSS can give the term an accent colour or turn filters into pills.

StructureNavigator
  • Search Querywrapper: Style tab, Classes
    • Title in the HTML tag you choose: Search Text + search term.aae-a-search-query-term
    • Filter lines.aae-a-search-query-filter, only when filters are active
Step by step

How to add a search results title in Elementor 4

Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.

Download free

  1. Install and activate Animation Addons for Elementor and turn on the Atomic Editor.

  2. Go to Animation Addon > Theme Builder, click Add New, choose the type Archive/404/Search, and set Display to Search Page under Special Pages. Click Edit With Elementor.

  3. From AAE Post in the Elements panel, drag Search Query to the top of the template.

  4. Set HTML Tag to H1 and write your Search Text.

  5. Add a Loop Grid with Source set to Current Query (Archive) for the results, and a Search Form so visitors can search again.

  6. Publish, then search on the live site with and without filters.

Who it's for

Who uses the Search Query?

The people who get the most out of it, and what they use it for.

  • Publishers and bloggers

    Who want a branded search results page.

  • Help centers

    Confirming what a visitor searched for.

  • Recipe and news sites

    Whose visitors filter by category or date.

  • Agencies

    Building full theme templates on Elementor Free.

FAQ

Questions about the Search Query

How do I show "Search Results for" and the search term in Elementor?

Add the free Animation Addons Search Query element to a Search Page template built with the Animation Addons Theme Builder. Search Query prints your Search Text, "Search Results for:" by default, followed by the term the visitor searched. It works on Elementor Free with the Atomic Editor on and needs no Elementor Pro.

How do I create a custom search results page in Elementor Free?

In WordPress, open Animation Addon > Theme Builder, add a template of type Archive/404/Search and set Display to Search Page. Edit it with Elementor, add the Animation Addons Search Query element for the heading and a Loop Grid set to Current Query (Archive) for the results. Both are free.

Can the search results page show which filters were used?

Yes. When visitors filter with the Animation Addons Search Form, the Search Query element lists the active filters under the title, such as "Category: Breads" or "Date: From 2026-01-01 to 2026-06-30." Searches made with other search forms show only the title line, because they do not send those filters.

Can I change or translate the "Search Results for" text?

Yes. Type any wording into the Search Query element's Search Text field: "Results for", "Résultats pour :" or any other language, or leave it empty to show only the term. The Animation Addons Search Query stores exactly what you type, so on a multilingual site use a separate search template per language.

Can I style the search term differently from the lead-in text?

Partly. The Search Query element has one Style tab, and the term and filter lines inherit its font and colour. To give the term an accent colour or turn the filter lines into pills, add Custom CSS on .aae-a-search-query-term and .aae-a-search-query-filter. Custom CSS is a free Animation Addons extension.

Should the search results title be an H1, and is it accessible?

Usually yes. The Search Query element's title is the results page's main heading, so set HTML Tag to H1 and use H2 or H3 for result titles below. Animation Addons Search Query renders a real heading containing the full term, and filter lines as plain text, so screen readers and search engines read everything.

Why does the search title show "Hello World" in the editor?

The Elementor editor has no real search, so the Search Query element shows "Hello World" as a sample term to style against, with no filter lines. On the live search results page, Animation Addons Search Query replaces it with the visitor's actual term and any active category and date filters.

More answers in the FAQ · Documentation · Free vs Pro

Make your search results page say what it found

Search Query is free on Elementor Free. Pair it with the Search Form for live results and filters.

Download free See the demos
  • Free on WordPress.orgNo Elementor Pro needed
  • Native Atomic ElementUses your Classes and Variables
  • Animation Addons 4.3Updated October 2026