Search Bar

An input field where users can search for content within a website, essential for content-heavy sites. Search functionality helps users find specific content quickly without browsing navigation. Implement effective search with relevant results and helpful empty states.

Related terms

Related terms

  • 404 Page

    SEO

    A custom error page displayed when visitors try to access a URL that doesn’t exist on your site. A well-designed 404 page helps retain visitors by offering navigation options and search functionality rather than a dead end. Framer lets you create branded 404 pages that match your site’s design and guide users back to relevant content.

  • Dropdown

    Components

    An interactive element that reveals a list of options when clicked, saving space while providing multiple choices. Dropdowns work best with 5-15 options—fewer suggests radio buttons, more suggests search or typeahead. Ensure dropdown menus are keyboard accessible and work well on touch devices.

  • Empty State

    CMS

    The appearance of a page or component when no content is available, such as an empty search results or new user dashboard. Well-designed empty states guide users toward actions that populate the interface. Include helpful messaging and clear calls to action rather than leaving users stranded.

  • Google Search Console

    SEO

    A free Google tool providing insights into how your site appears in search results, including impressions, clicks, and indexing issues. Search Console alerts you to problems and validates fixes, essential for SEO monitoring. Verify your Framer site in Search Console to track search performance.

  • Localized Page Paths

    Localization

    URL structures that include language or region codes for multilingual content, like /en/about or /de/about. Localized paths help search engines serve the right language version to users. Configure localized paths in Framer's localization settings for proper SEO.

  • Navbar

    Components

    A navigation bar containing primary site links, typically fixed at the top of the page for constant access. Navbars establish site identity and provide consistent wayfinding across pages. Design navbars to be useful without overwhelming—prioritize the most important links.