Search form
The Search Form component is a responsive, feature-rich search interface designed for the homepage or menu bar. It includes filters for location, property type, price range, size range, and number of bedrooms. Built with accessibility and customization in mind, it integrates seamlessly into any page layout.
Placing the search form in the home page or menu bar allows the user to quickly search for cities and communities, or lookup a listing address or MLS® number with auto-complete capability.
Components
Input text box
The input text box shows match search results as the user types. The search results can be one or more of the following:
- City name
- Region name
- Community name
- Listing address
- MLS® number
Filter dropdown
Each filter option opens a dropdown with available options for the user to further refine the criteria.
Configuration Options
Layout
| Layout | Description |
|---|---|
| Horizontal bar | Compact, single-row design with basic filter option (ideal for hero section and header menu) |
| Vertical form | Multi-row stacked layout with advanced filter options (best for sidebars/content areas) |
Display Options
Show/hide filters with toggles
| Filter | Description |
|---|---|
| Property type filter | House, duplex, townhouse, condo, multi-family, farm, vacant land, office, warehouse ... |
| Price range filter | Minimum and maximum price range |
| Size range filter | Minimum and maximum squarefeet range |
| Bed/bath filter | Minimum number of bedrooms and bathrooms required |
Embed Code
Add the HTML snippet and script from the RealtyVis dashboard to where the Search Form should appear.
Troubleshooting
- After clicking on a search result, the browser opens a not found page.
- When the user clicks on the search button, RealtyVis opens the search page specified by the Default slug for the MLS listing search page input (By default, it opens the /mls-search page of your website.)
- Verify a page is created for the default search page and a Listing Search block is embedded on that page to load the search result.
- The filter option is not shown even though I have that filter option enabled in the settings.
- The search form is responsive and will expand or collapse visual elements depending on the layout option and width of the embed.
- When placing the embed code on your page, make the containing element wider to ensure all visual elements are visible in the desktop layout.