No results message on Webflow search pages

Learn how to make a no results message show up on a search page in Webflow.

Paris Mielke

March 31, 2023

March 31, 2023
~ 2 min

To create a "no results" message on a Tangram search page in Webflow, follow these steps:

  1. Open the search page in Webflow and select the search results container.
  2. Add a new text element to the container, and type in the "no results" message you want to display. For example, "Sorry, no results found."
  3. Set the visibility of the "no results" message to "hidden" in the Style panel.
  4. Add the Javascript snippet /noresults.js
  5. Add the HTML attribute tg-addon-id = "user-no-results" or tg-addon-id = "listing-no-results"
  6. Save and publish your changes to see the "no results" message appear on the search page when there are no search results.

Click here to open the ServiceX example marketplace read-only link in Webflow

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
No items found.
No items found.
No items found.