Tutorials

Currently selected filters on Webflow search pages

Learn how to make the currently selected filters show up on Tangram and Webflow search pages. This works for both listing and user search pages.

Paris Mielke

March 31, 2023

March 31, 2023
~2 min

To make the currently selected filters on a Tangram search page show up as pills in Webflow, follow these steps:

  1. Create a text element in Webflow
  2. Style the text element to be a "template" for how you want the currently selected tag pills to look (keep in mind if you click the pill it will automatically remove that tag so you may want to add an "X" symbol somewhere on the pill design)
  3. Add the /show_search_value.js snippet in the header code of the Webflow page
  4. Apply the HTML attribute "tg-addon-id" = "show-search-values" to the text element you created in the previous steps
  5. Publish!

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.