The search field
The Search component allows you to add a search field to your WebAcappella site, giving visitors the ability to search your site's content by keyword.
Component overview
The Search component is an input field that allows users to type in a keyword and get a list of matching results. It is particularly useful for sites with a large number of pages or text content.
When a user enters a term in the search field and submits their query, WebAcappella searches the entire site and displays the relevant results.
Adding the component
To add the Search component to your site:
- Open your WebAcappella project.
- Go to the page where you want to insert the search field.
- Click Add Component and select Search.
- Place the component where you want it 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: Change the color, size, and font to match your design.
Use and operation
- Entering a keyword: The user enters one or more keywords in the field.
- Displaying results: Results appear dynamically in the form of a list or results page.
- Navigation: The user 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.