Search Button
Submits the customer's query and navigates to a dedicated search-results page.
Last updated
How to use
Connect your submit button design to
⦿ Active Button.Optionally connect a
⦿ Disabled Buttondesign for when the search field is empty — without one connected, the button hides itself instead.Set
Slugto the path of your dedicated search-results page (defaults tosearch) — that's where the button sends the customer, carrying their query.
Optionally set Tracking to record search clicks in Framer Analytics.
Only needed for the results-page flow
Pair this with Search Input when its Page setting is turned on — the button submits the customer's query and navigates to your dedicated search-results page. If Search is filtering live instead, you don't need a Search Button at all: the catalog already updates as the customer types.