Instant Search

This demo site page shows how to make search suggestions equal to your search results. View the ss360Config to check the configuration.

NOTE: With this setup every unfinished search query triggers full search results so it is counted against your monthly search quota. You can specify the min number of typed characters that would trigger results. This is different from our default setup where search suggestions, shown before you press Enter, are different from full-blown search results shown after the full query is submitted.

window.ss360Config = {
   siteId: 'spoonacular.com', /* Replace with your site id */
   searchBox: {
      selector: '#searchBox' /* Replace with the css selector of your search box */
   },
   suggestions: {
	  triggersSearch: true
   },
   results: {
      embedConfig: {
         contentBlock: '.example__page-content-block'  /* Replace with the css selector of the DOM element you want to use */
      }
   }
};

{"siteId":"spoonacular.com","searchBox":{"selector":"#searchBox"},"suggestions":{"triggersSearch":true},"results":{"embedConfig":{"contentBlock":".example__page-content-block"}}}