Set up a results page to use a search field on your site

Visitors can search for relevant content on your website's subdomain with a search field module. To add a search field to your HubSpot site, create and publish a new Search Results Page system template in the design manager tool. Then select this template for your system page default in your settings.

Please note: content beyond an HTML size of 2 MB will be trimmed before being stored in content search. 

Create a search results page system template

1. In your HubSpot account, navigate to Content > Design Manager.
2. Expand the right sidebar menu if needed by clicking the folder folder icon. Then click the File dropdown menu and select New file. Alternatively, if you don't have any tabs open in your design manager, you can click Create a new file in the upper right-hand corner. 

3. In the dialog box, click the What would you like to build today? dropdown menu, and select Drag and drop. 
4. Click Next.
5. Click the Template type dropdown menu and select Search Results Page. 

6. In the File name field, enter text to name your file and then click Create. The new template file will open in the layout editor. Two modules named Site Search Input and Site Search Results will be visible. 
7. Click the Site Search Input module or the Site Search Results module to open the Inspector and edit the components for each module.
8. Once you’ve added your styling and other components, click Publish changes to publish the template file.

Please note: if your website is currently hosted on the 'hubspotpagebuilder' default domain it will not load a Site Search Results page. This can be resolved by hosting the content on a connected custom domain.

Use the template as your search results page system template

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Pages. 
3. Click the System Pages tab. 
4. On the System Pages tab, click the Search results page dropdown menu and select the search results page template.
5. Click Save to apply your changes.