Is there a way to build a search bar inside of the nav bar so It can allow me to search without going to the Search Results page? I would like to get options while I type on the search bar and then be able to click on the options that appear without having to go to the Search Results page… ideally I won´t even get to that page when I click enter.
I´m not sure If I´m being very clear, but basically I want my nav bar to have a search option like this one Rolex Day-Date - Ideal accomplishments (I´m not refering to the design but to the functionality of the search bar). And I don´t want to have to use the Search Results page because I want the users to be able to search directly from the nav bar.
Have a look at some of Jetboost’s features, I recall they have something in this space. Otherwise, you can build your own with custom code which uses the search results as a data source.
The more popular approach is actually a “filter-bar”. You have one set of things- products, courses, properties, etc in the CMS and you build out a filter-search page specifically for that thing.
Then site-wide you can put a textbox in the nav that people type in and it will navigate to your filtered page, with the filter text pre-set.
If you want something more interactive, and CMS-content focused, have a look at my free autocomplete element here-
I’m looking to build it from scratch or use a template rather than rely on Jetboost.
So what you are suggesting is building a filter-bar that leads to a different page? I’m not sure If I’m misunderstanding but I’m not looking to go to a different page.
In your example of the Rolex site, it’s navigating to the search results page directly. The easiest way to set that up would be with my Autocomplete element, against a CMS table of your search terms that have meaningful results.
That build would give you users a “suggested search term” convenience so they don’t hit too many blank pages. The way I’ve designed Autocomplete, I also usually have a last item which is an explicit search, i.e. if there are no matches in the list it will just let you execute a standard Webflow site search directly.