How to implement a site search

Solution 1 Using HubSpot's built-in Google Search module

Live demo

This search solution redirects the user externally to the Google results page.

It is very easy to implement. You just need to add a Google Search module in your Act Header, after your logo and menu, then add this class to the new module:

fullscreen-search

Here are the quick steps:

1 Add a Google Search module right after your logo and menu in header:

act-theme-adding-a-google-search-module

2 Click the gear icon on that module, then Edit CSS:

act-theme-adding-a-google-search-module-class

3 And add this class: fullscreen-search

act-theme-adding-a-google-search-module-class-2

4Don't forget to save and publish your changes.

Solution 2
Using a Google Custom Search Engine (CSE)

Live demo

You can request an implementation like this by filling out our contact form. Only full-pack purchases are eligible for this implementation.

This method uses a Custom Search Engine by Google, that can be managed in your Google account. There is also an option in your Google settings to "Upgrade to Site Search (ads optional)". Find out more about Google CSE on their official page.

For this solution, we need these:

  • Login to your Google and go to this page https://cse.google.com/cse/all
  • Create your new search engine by following the steps
  • After creating your CSE go to the Look and feel section and choose the Full width layout.
  • Make sure you save your changes every time.
  • Then send us the code:

    act-theme-google-cse-code

  • We need access to Landing Pages or Site Pages (Administrator or Marketer user role), so we can create the Search Results page. Our HS user is [email protected]. You can read more about user roles here: HubSpot User Roles Guide, and learn How to add users to your HubSpot account.

Please read our terms of use and implementation here.

HubSpot User Guides

You can explore and learn more about the HubSpot tools and features in the official HubSpot Academy.

HubSpot Academy | User Guides