Advanced Search Tier Feature. Requires Theme 1.35 or above.

As you learned in Generative Answers (Backend), Generative Answers are AI-generated summaries of search results displayed at the top of the page. This doc walks through how to set up Generative Answers in your frontend Theme experience.

You'll enable it for the experience as a whole in global_config.json, then add the component to each results page you want it on — either universal or vertical.

Add Generative Answers to the Frontend

There are two required steps and one optional step:

1. Enable Generative Answers in global_config.json
2. Add the components to each page's Handlebars file
3. (Optional) Add configurations in the page's JSON file

Steps 2 and 3 must be repeated for each page you want Generative Answers on.

Step 1: Enable Generative Answers

In config > global_config.json, comment in and set to true:

"useGenerativeDirectAnswers": true

Step 2: Add to the Handlebars File

In pages > [page].html.hbs, comment in the following. Replace universal-standard with your page's template name:

Cards:

{{> generativedirectanswercards/all }}

Script:

{{> templates/universal-standard/script/generativedirectanswer }}

Markup:

{{> templates/universal-standard/markup/generativedirectanswer }}

Step 3 (Optional): Add to the JSON File

All settings are optional. Add the GenerativeDirectAnswer object to componentSettings:

"GenerativeDirectAnswer": {
  "cardType": "generative-standard",
  "sourceUrlFields": ["website", "c_someField.url"]
}

• cardType — specifies the Generative Answers card to use. Defaults to generative-standard. Update this if you add a custom card.
• sourceUrlFields — an array of Knowledge Graph field names from which to pull URLs for the source links displayed with each generated answer. List multiple fields; the component pulls from whichever has content on the source entity.

Add a Custom Generative Answers Card

To change the structure of the Generative Answers card, add a custom card. Unlike result cards, you can't customize field mappings — only the layout. The Generative Answer, sources, and other components are returned as partials that you can move around or combine with hardcoded text.

1. Click Tools > Jambo Commands > Add Generative Direct Answer (GDA) Card.
2. Name the card something descriptive.
3. Use generative-standard as the template.
4. Edit the template.hbs file in the resulting generativedirectanswercards/[yourCardName] folder.
5. Update the cardType property in the JSON files for the verticals you want to use this card.