Login Sign Up

How Tos

  • Quick How Tos
  • Add Site Search 360 to your site
  • Working with XPaths
  • Content Groups
  • Data Points
  • Query Mappings
  • Filters
  • How to upgrade to the latest Site Search 360 version (v13)
  • Templating

API

  • API
  • Javascript API

Integration Guides

  • WordPress Integration
  • Weebly Integration
  • Zapier Integration

Examples

  • Embedding
  • Layover
  • Grid
  • Multiple Search Boxes
  • Filters Example
  • Voice Search
  • Instant Search
  • FAQ
  • Support Helper

Changelog

  • Release Notes

Help

  • Community Chat

This is a documentation page of how to configure and style Site Search 360 for a contact form. View the to check the configuration.

Important configurations are results.ignoreEnter: true, results.fuzziness: 5, suggestions.fuzziness: 5 and suggestions.triggersSearch: true.

window.ss360Config = {
   siteId: 'spoonacular.com', /* Replace with your site id */
   searchBox: {
      selector: '#contact-form' /* Replace with the css selector of your search box */
   },
   suggestions: {
	  triggersSearch: true,
	  fuzziness: 5
   },
   results: {
      embedConfig: {
         contentBlock: '.example__page-content-block'  /* Replace with the css selector of the DOM element you want to use */
      },
      fuzziness: 5,
      ignoreEnter: true,
      caption: 'Maybe one of these answer your question:'
   }
};
Site Search 360 Docs