Login Sign Up

Quick How-Tos

  • Data Sources
  • Search Settings
  • Implementation
  • Account Management

How-Tos

  • Installation
  • Control Panel Overview
  • Working with XPaths
  • Templating
  • How Does the Site Search 360 Script Affect My Site Speed?
  • Tracking External Search Interfaces

Features

  • Search Designer - Design & Publish
  • Result Mappings
  • Data Points
  • Result Groups
  • Filters
  • Result Sorting
  • Frequently Asked Questions (FAQ) Indexing
  • Dictionary
  • Dashboard Analytics
  • Smart 404

API

  • API
  • Javascript API

Integration Guides

  • WordPress Integration
  • Weebly Integration
  • Can I use Site Search 360 with React?
  • Zapier Integration

Examples

  • Embedding
  • Overlay
  • Fullscreen
  • Grid
  • Multiple Search Boxes
  • Filters Example
  • Styling
  • Voice Search
  • Instant Search
  • FAQ
  • Support Helper

Changelog

  • Release Notes

Help

  • Email Support Team
  • 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