Back to updates
Beta

Site search beta

Search is now in beta, so now you can add a search bar to your site, customize your results page, and precisely control the content in your search engine.

Site search beta

<p>Today marks the beta release of site search: a brand new component in your Add panel that lets you add completely customizable search to your sites. Site search is included on all sites on CMS and Business hosting. (To jump right into learning, check out our new <a href="<https://university.webflow.com/article/site-search>">site search guide</a> on Webflow University).</p><p>When we say “completely customizable search,” we’re talking about:</p><h2>Search component design</h2><p>Add the search component to your page and style the layout and design of your search just as you’d style any form element (now including <a href="<https://webflow.com/feature/style-form-placeholder-text>">placeholder text</a>).</p><figure class="w-richtext-align-center" style="max-width: 881px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="881px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c093styled%20search%20bar.png>" alt="Search bar, styled."></div><figcaption>Search bar, styled.</figcaption></figure><h2>Search results page</h2><p>Once you add search to your site, you’ll see a new search results utility page, which you can style to any layout you have in mind — with search result styling working similarly to styling Collection lists and CMS content.</p><figure class="w-richtext-align-center" style="max-width: 1440px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="1440px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c161styled%20search%20results.png>" alt="Styling search results works a lot like styling Collection Lists."></div><figcaption>‍<em>Styling search results works a lot like styling Collection Lists.</em></figcaption></figure><h2>Search engine content</h2><p>Beyond design, you can exclude specific pages, Collections, or even elements from search so your results are the best they can be.</p><figure class="w-richtext-align-center" style="max-width: 1063px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="1063px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c15705%20page%20settings%20search%20settings.jpg>" alt="Exclude pages from search and set custom titles and thumbnails for search results."></div><figcaption>‍<em>Exclude pages from search and set custom titles and thumbnails for search results.</em></figcaption></figure><h3><strong>What does “beta” mean?</strong></h3><p>During the beta, reindexing is only possible via manual indexing, which is available once every 24 hours on CMS hosting and once every hour on Business hosting.</p><figure class="w-richtext-align-center" style="max-width: 1029px;" data-rt-type="image" data-rt-align="center" data-rt-max-width="1029px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21bfe2search%20settings%20reindex.jpg>"></div><figcaption>Trigger a reindex in the search section of the (new) settings panel.</figcaption></figure><p>Automatic, scheduled reindexing is under development and will be available at launch. (For more details, check out the <a href="<https://university.webflow.com/article/site-search>">site search guide</a> on Webflow University.)</p><h3><strong>Where can I learn more?</strong></h3><p>To learn all there is to know about how to add search to your Webflow sites, check out the new <a href="<https://university.webflow.com/article/site-search>">site search guide</a> on Webflow University.</p>


Launched on
November 30, 2017
Category

Related updates

No items found.