Skip to main content

Assistant with search results

Use search results when you want users to explore or filter through a wider set of matching products.

Step 1: Configure search in Search Studio​

Set up your search configuration before adding it to your assistant.

Learn more.

Step 2: Add a results page to your flow​

Add search capabilities to your assistant:

  1. Open your assistant in Conversation Studio.
  2. Go to the Flow tab.
  3. Add a results page after your questions.
  4. Select the results page module and click on the shopping card icon.
  5. Add "Advanced Search".

Discovery Experience

  1. Under advanced recommendations, select the product catalog used in your search configuration.
  2. Select the search configuration.

Discovery Experience

By default, you will be able to select Main Search. If your project contains multiple search configurations, you can check their names in Search Studio before connecting to the assistant.

Step 3: Set up routing logic​

Connect your questions to the search results page:

  1. In the Flow tab, click the dot in the top right corner of a question node.
  2. Drag the connection line to your search results page.
  3. Name the route (e.g. "Search", "Explore products").
  4. In the question's routing settings, specify which answers trigger this route. Learn more.

Consider routing customers to search when they:

  • Give vague or general answers
  • Select "I'm not sure" or "Show me all options"
  • Need to explore a broad product category

Step 4: Design your search experience​

Configure the visual layout:

  1. Switch to the Design tab and open Experience Designer.
  2. Use the page selector to choose your results page.
  3. Drag the Advanced Search component from the components bar onto your canvas.
  4. Save your changes.

Discovery Experience

Step 5: Preview and test​

Test your assistant:

  1. Click Preview to test the complete flow.
  2. Navigate through the questions to reach your search-enabled results page.
  3. Test search functionality.

Customizing search design​

  • Experience Designer: Customize colors to match your assistant's design.
  • Search Studio > Design & Publish: Configure search behavior, filters, layout options, and advanced functionality.