Skip to content

Manual Setup Guide for Hello Retail

If you are developing for a Single Page Application or don't want to use our managed templates, we suggest using the JavaScript SDK instead. You can read more about our managed templates here

Recommendation Boxes

Hello Retail's recommendation boxes can be loaded by adding container <div> elements with specific IDs to your site's markup. You can refer to this article for instructions on how to locate the correct IDs for your site.

Search Integration

To integrate Hello Retail's search functionality, follow these steps:

1. Search field

Add an ID to the search bar to enable Hello Retail's instant search feature. It is recommended to alter the existing markup rather than replacing it. This ensures the current functionality remains operational until Hello Retail fully takes over. Use the following code:

<input id="hr-search-input"></input>

2. Full-Page Search Results (optional)

This option is only required if you use our full-page search, and not our overlay or embedded search.

Create an empty page to display the full-page search results, and add the following code:

<div id="hr-search-results"></div>