Classic Elementor widget · Free

Search Query for Elementor: Show what the visitor searched for, on your results page

The Elementor search query widget prints the visitor's search term on your Elementor search results page, after your own text such as "Search Results for:". Use it to build a free Elementor search results page in a Theme Builder template, and style the text and the search keyword apart. When the Search Form filters are used, it also lists the chosen category and dates.

Try it free See the live demos

The live search term
Your own Search Text
Separate query style
Category and date rows

Classic widget · Elementor 3 and 4Updated October 2026

Search Results for: motion

How Motion Takes a Website to the Next Level
Motion Design Basics for Landing Pages
Responsive Pages for Every Screen
A Week of Workshops With the Studio Team
Ten Layout Habits Worth Keeping

Try motion, layout or studio

The short answer

What is the Search Query widget for Elementor?

Search Query is a free Elementor widget from Animation Addons that shows the visitor's search term on a search results page. It prints your Search Text, "Search Results for:" by default, followed by the term the visitor typed, so a search for "design" reads "Search Results for: design". You can style the text and the search keyword apart.

The widget shows the WordPress search query in Elementor, so the heading always matches the search request. You place it in an Animation Addons Theme Builder template of the type Archive/404/Search, shown on the Search Page. In the Elementor editor there is no real search, so the widget shows Hello World as the term. It is a classic widget for the Elementor 3 editor that keeps working in Elementor 4. Building in Elementor 4's new editor? The free Atomic Search Query is the atomic version.

Also searched as: elementor search query, elementor search query widget, search query widget for elementor, elementor search results page, free elementor search results page, elementor search results template, how to show the search term in elementor, how to customize search results page in elementor, elementor search results heading, elementor search page title, elementor search results filter by category, elementor search results page design, wordpress search query in elementor, elementor search keyword style.

Key factsSearch Query · Animation Addons for Elementor

Plan: Free
Widget type: Classic Elementor widget (V3), works in Elementor 4
Works with: Elementor Free and Elementor Pro
Where to use it: Theme Builder: Archive/404/Search template, Search Page
Shows: Search Text followed by the visitor's search term
Filter rows: Category and Date, from the Search Form filter
HTML Tag: H1 to H6, div, span or p (default H2)
Get it: Animation Addons on WordPress.org

Live demos

Search results headings, live

Three Elementor search results page design ideas, each on a small site. Type a word and press Search: every demo runs its own small search on this page and sends nothing.

Arolax^®WorkJournalContact

What are you looking for?

Search Results for: design

Search results page for a journal

The search page of a design agency's journal. A search form sits above the heading "Search Results for: design", then the matching posts in two columns. Hover a post to zoom its image.

Search motion or layout

Keep Search Text as Search Results for:, set HTML Tag to H2, and style the heading with Text Color and Typography. The form, the Archives title and the posts are other widgets.

Northlight ReviewWorldCultureFilm

CategoryFilmCultureTravel

FromTo

Results for: film Category: FilmDate: From 2026-09-01 to 2026-10-14

A man in a blue desert scarf beside a camel

Film

Sand and silence: the slow road through the Sahara

Oct 6, 2026

Film

The small screens worth the trip

Sep 12, 2026

Magazine search page

Search results with category and date

The search page of a film and culture magazine. Under the heading, two lines name the category and the date range the reader picked. Change a category or a date and press Search.

Change a filter, press Search

Style the two lines under Filter Text with Color, Typography and Margin. They appear when the Search Form filter sends a category or a date range.

Maison FormeLivingBedroomJournal

You searched for chair

Free delivery on furniture over 500 €

Rattan lounge chair

420 €

Bouclé armchair

760 €

Oak chairs around low tables in a bright room

Oak dining chair

290 €

Shop search page

Centered heading on a shop search

The search page of a furniture shop. A centered H1 reads "You searched for chair", with the search word in a serif and terracotta. The matching products sit in a grid below.

Search chair, linen or sofa

Set HTML Tag to H1, Alignment to Center and Search Text to You searched for. Style the word itself under Query Text Style.

Features

Key features of Search Query

Every option of the widget, each tied to a setting in the Elementor panel.

The visitor's search term

The widget prints the WordPress search query, the term from the search request, so the heading always matches what was searched.

Your own Search Text

Write the words before the term in Search Text, such as Search Results for: or You searched for.

HTML Tag

Pick the HTML Tag: H1 to H6, div, span or p. Use H1 when the heading is the main title of the results page.

Elementor search keyword style

Under Query Text Style, give the search keyword its own Text Color and Typography.

Elementor search results heading

Set Text Color, Typography, Text Stroke, Text Shadow and Blend Mode for the whole heading.

Category and date rows

For an Elementor search results filter by category and date, the widget adds a Category row and a Date row when the Search Form filter sends them. Style them under Filter Text.

Alignment

Place the heading left, centre, right or justified with Alignment, on every screen size.

Built for search templates

Add it to an Elementor search results template: a Theme Builder template of the type Archive/404/Search, set to the Search Page, next to the Search Form and Search No Result.

Step by step

How to show the search term in Elementor

Five steps, no code. The bold names are the labels in the Elementor panel.

Install Animation Addons for Elementor from WordPress.org, then turn on Search Query in Animation Addons → Elements.
In Animation Addons → Theme Builder, add the Elementor search page template: type Archive/404/Search, shown on the Search Page.
Edit the template with Elementor and drag Search Query from the AAE Search group to the top. The editor shows Hello World as the term.
Set the HTML Tag, the Search Text and the Alignment.
Style the heading under Style, the term under Query Text Style and the filter rows under Filter Text, then publish.

Try it free Free on WordPress.org · Works with Elementor Free

Honest comparison

Search Query vs Archive Title

The free Archive Title widget can also name a search page, through a custom condition with the {search_query} placeholder. Search Query is made for the job: the term gets its own style and the filter rows come built in.

Search Query vs Archive Title
Feature	Search Query	Archive Title
Plan	Free (Animation Addons)	Free (Animation Addons)
Shows the search term	Always, after the Search Text	With Custom? on and a Search condition
Separate style for the term	Query Text Style	No
Category and Date filter rows	Yes	No
Text when nothing is found	Use Search No Result	Nothing found! by default
Also titles category, tag and date archives	No	Yes

Compared from the widget source in Animation Addons for Elementor, October 2026. Building in Elementor 4? See the Atomic Search Query.

FAQ

Questions about Search Query

What does the Search Query widget show?

It shows your Search Text followed by the term the visitor searched for, such as Search Results for: design. It reads the term from the WordPress search request.

Where do I use the Search Query widget?

On your search results template. Create an Archive/404/Search template in Animation Addons → Theme Builder, set it to the Search Page and add the widget.

How to customize search results page in Elementor?

Build the page as a Theme Builder template. Add the Search Form, the Search Query heading, a posts widget for the results and Search No Result for empty searches, then style each one.

Can I use it as the Elementor search page title?

Yes. Set HTML Tag to H1 and it becomes the page title, such as You searched for chair. The title follows the visitor's search.

Why does the editor show Hello World?

There is no real search while you edit, so the widget shows Hello World as a placeholder term. Your visitors see their own search term.

Can I change the text before the search term?

Yes. Type any words in Search Text, such as You searched for. By default it reads "Search Results for:".

Can the search keyword have its own style?

Yes. Query Text Style gives the term its own Text Color and Typography, apart from the rest of the heading.

What are the Category and Date rows?

When the Search Form filter is used, the widget adds rows such as Category: Film and Date: From 2026-09-01 to 2026-10-14. Style them under Filter Text.

Does it list the search results too?

No. It shows the heading only. Add the widget that lists your posts below it, and Search No Result for searches with no matches.

Is the Search Query widget free?

Yes. It ships in the free Animation Addons for Elementor plugin on WordPress.org and works with Elementor Free and Elementor 4.

Pairs well with

Related Elementor widgets

Classic widgets that build a complete search results page with Search Query. See all 102 widgets.

Free

Every search, named on the page

The Search Query widget: the search term after your own text, styled your way in Elementor.

Get Animation Addons Pro Try it free

Halloween deal40% off every Pro planEnds 5 Nov

15-day money-back guarantee
Rated 4.6 / 5 on WordPress.org
No Elementor Pro needed
Elementor 3 & 4 in one license