Hide the "no matching results" message on a search pages until a search is actually performed

I was looking for a solution to this, and figured something out. Thinking others might benefit from the solution

Use case:
You add Webflow search to your CMS based website. The default behaviour of the search page is to tell the user “No matching results”. That’s feel off from a UX perspective, since the user probably wouldn’t expect to see any results before actually performing a search. So the “No matching results” text is superfluous, and as that plain noise in terms of communication with the user.

Ideal behaviour:
Only if the user performs a search, and no results are found, the user should know that no results are found.

Here’s an instruction for how to fix this


Hey Jesper, nice idea-

Just curious, are you linking to the search page directly?
I think in most cases the search page is paired with the search element, which will issue a query on entering the search page. I’ve never actually seen that message until after a search is complete.

Yeah, I’m working on website with a research article database, and simply use the /search page as the main entry for the database. It saves me from setting up of an additional static page to feature the search bar.

1 Like