# Search UI integration

When you are done designing your Search UI, it's time to integrate it into your website.

The Search UI Designer will, based on your configuration, creates a custom that can be embedded in your website.

### Installation instructions <a href="#installation-instructions" id="installation-instructions"></a>

Integrating the widget only takes a few easy steps. However, it but does require you to copy code snippets into the template of your site. If you are not comfortable editing the HTML of your site directly, we recommend seeking help from a developer.

To get started,

* Click on the *Install* button in the Search Designer configuration sidebar.
* Follow the on-screen instructions guiding you through the installation process.

Need help? Contact <support@search.io> and we can guide you through the installation process.

### Advanced configuration <a href="#advanced-configuration" id="advanced-configuration"></a>

More advanced configuration options are documented in the [Search UI widgets](https://docs.search.io/developer-documentation/fundamentals/search-ui-widgets) reference. Examples of what is possible with the widgets are:

* Specifying the pipeline to use.
* Passing in custom *variables* with the search query.
* Adding *custom class names* to UI components.
* Specifying *default filters* that apply in certain section of your site.
* Customizing the *placeholder* text in the search box (default is 'Search').
* ... and many more.