Product Documentation
Product DocumentationDeveloper GuideAPI ReferenceHelp Center
  • About Search.io
  • Fundamentals
    • Search settings
      • Understanding relevance and ranking
      • Textual relevance
      • Ranking adjustments
      • Dynamic boosting
      • Synonyms
      • Redirects
    • Promotion rules
      • Triggers
      • Manual curation
      • Boosting
      • Banners
    • Integrating search
      • Display options
      • Filters and sort options
      • Result templates
      • Search UI integration
    • Roles & permissions
    • Reporting
      • Event tracking
      • Trends
      • Content issues
      • Explore
    • Filter expressions
    • Indexing Data
      • Schema
  • Guides
    • General
      • Previewing results
    • 📄Content websites
      • Crawling a website
      • Adding custom fields
      • Configuring domains
      • Excluding documents
      • Improving content
    • 🛍️E-commerce
      • Define schema and sync data
      • Relevance tuning
      • Creating a user interface
      • Adding a sale banner
  • Integrations
    • Shopify
      • Shopify metafields
    • Webflow
    • Drupal
    • Wordpress
  • Deep dives
    • Concepts and terminology
    • How Search.io works
    • Autocomplete
    • Spelling
  • Helpful Links
    • Developer Documentation
    • API Reference
    • Help Center
Powered by GitBook
On this page
  • Installation instructions
  • Advanced configuration

Was this helpful?

  1. Fundamentals
  2. Integrating search

Search UI integration

PreviousResult templatesNextRoles & permissions

Last updated 2 years ago

Was this helpful?

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

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 and we can guide you through the installation process.

Advanced configuration

More advanced configuration options are documented in the 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.

support@search.io
Search UI widgets