Hubspot Search Autocomplete

COS Site Search Autocomplete Module Documentation

About The Module

The Hubspot Autocomplete Site Search is a "global module", this means you will adjust the options at the template level. Then anywhere the module is placed in a template, it will inherit these global settings


site search autocomplete settings
Screenshot of the global options panel for the Site Search Autocomplete Hubspot COS module.

Module Options

  • Portal Id - defaults to the current portal ID you are using, can be overridden by entering any other Hubspot Portal ID.
  • Accent Color - adds a colored underline to the search input when focused, and for the included svg vector icons.
  • Label Text - enter text for the label element above the input, you can also disable the label all-together.
  • Input Placeholder - set a "placeholder" for the input (the text that shows in the input before the user begins typing).
  • Short List Items - forces search result item headings and descriptions to be only one line hight.
  • Max Results - the maximum number of results to show in the search dropdown.
  • View All Link - show a link at the bottom of the search results dropdown.
  • View All URL - the url that the "View All Link" should point to (if applicable), "%term%" will be replaced with the current search term.
  • View All Text - the text of the "View All Link" (if applicable), "%term%" will be replaced with the current search term.
  • Disable Styles - removes all default CSS rules applied to the search bar, useful if you want to