The search field

The Search component adds a search field to your WebAcappella site, allowing visitors to perform a keyword search on the content of your site.

Component presentation

The Search component is an input field allowing users to type in a keyword and obtain a list of matching results. It is particularly useful for sites with a large number of pages or textual content.

When a user enters a term in the search field and validates the query, WebAcappella performs a site-wide search and displays the relevant results.

Adding the component

To add the Search component to your site :

  1. Open your WebAcappella project.

  2. Go to the page where you want to insert the search field.

  3. Click on Add a component and select Search.

  4. Place the component in the desired position on the page.

Configuration and customization

Once the component has been added, you can configure it according to your needs:

  • Invitation text: Customize the text displayed in the search field (e.g. “Search the site…”).

  • Style and appearance: Modify color, size and font to match your design.

Use and operation

  • Keyword entry : The user enters one or more keywords in the field.

  • Results display : Results appear dynamically as a list or a results page.

  • Navigation : Users can click on a result to go directly to the relevant page.

Best practices

  • Place the search field in a strategic location, such as the header or sidebar.

  • Add a magnifying glass icon to clearly indicate its function.

  • Test the relevance of results to improve the user experience.