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.

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

Create a text element in Webflow
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)
Add the /show_search_value.js snippet in the header code of the Webflow page
Apply the HTML attribute "tg-addon-id" = "show-search-values" to the text element you created in the previous steps
Publish!

‍