Set up Fuse JS

Go to Simply Static -> Settings -> Search, activate the "Use Search?" option, and choose Fuse JS as the search type.

Use Search option

Indexing

You can configure what Simply Static should index and display in search results. It provides some defaults, but you can use any HTML tag you like.

You can also exclude specific URLs or just patterns from indexing to optimize the search experience for your visitors.

Indexing options

Find the CSS Selector

You can add a CSS selector for your existing search input field, and Simply Static Pro will automatically convert it to a static search input.

Add a CSS selector to the existing search input field

Where do I find the CSS Selector?

You can get the CSS-Selector of your search input field directly from your website.

Open your browser console and inspect your current search box. Here is an example of the TwentyTwenty WordPress theme:

Where to find the CSS selector on your website

Video Tutorial