Simple Umbraco search example

This post shows you how easy it is to use the default Umbraco search functionality in your site. It uses a basic form and then uses razor to display your search results.

You can now follow along with this video

Create a simple form in a view like this:

    <form action="/search/" method="GET">
        <input type="text" placeholder="Search..." name="query">
        <button>Search</button>
    </form>

The above form can be used on the search page or even in a search bar on a separate page.

In your search results page, add the following:

    @{
        var searchQuery = Request.QueryString["query"];
    
        if (!string.IsNullOrEmpty(searchQuery))    
        {
            <div class="searchresults">
                <p>Your search results for <strong>@searchQuery</strong></p>
                <ul>
                    @foreach (var result in Umbraco.Search(searchQuery))
                    {
                        <li>
                            <a href="@result.Url">@result.Name</a>
                        </li>
                    }
                </ul>
            </div>
         }
    }

It is very simple and basic, but it works. It gets you off the ground with searching on your site.
My search page uses it, so go ahead and take a look.

In the future I will do a post about using the Examine Lucene search, which is more involved.

Want to learn more about Umbraco?

Follow along with this video to get you started with Umbraco