> ## Documentation Index
> Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Templates

export const LwTemplate = ({title = "Key questions to get you started", icon = "sparkles", cta = "Powered by Agent Studio", linkHref = "https://lucidworks.com/demo/?utm_source=docs&utm_medium=referral&utm_campaign=docs_cta_ai"}) => {
  const [isLoaded, setIsLoaded] = useState(false);
  useEffect(() => {
    const timer = setTimeout(() => {
      setIsLoaded(true);
    }, 500);
    return () => clearTimeout(timer);
  }, []);
  return <div className="lw-template-container">
      <Card title={title} icon={icon}>
        {isLoaded && <span dangerouslySetInnerHTML={{
    __html: `<lw-template id="a029c1a9-28be-427e-b0e1-5d918920246a"></lw-template
            >`
  }} />}
        <Link href={linkHref} className="agent-studio-link text-left text-gray-600 gap-2 dark:text-gray-400 text-sm font-medium flex flex-row items-center hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">Powered by Lucidworks Agent Studio</Link>
      </Card>
    </div>;
};

export const InlineImage = ({src, alt = '', height = '2em'}) => {
  return <img src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

[localhost link]: http://localhost:3000/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates

[mintlify link]: https://doc.lucidworks.com/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates

[old doc.lw link]: https://doc.lucidworks.com/fusion/5.9/3289

The Templates screen in the Rules Editor allows you to design, test, and implement a wide variety of search experiences. Results are conditionally delivered from multiple different query pipelines, enabling you to use Fusion’s search, browse, and AI-driven functionality throughout your site.

<img src="https://mintcdn.com/lucidworks/3Ch7Gf3ey98GnjMH/assets/images/predictive-merchandiser/templates/template-manager-510.png?fit=max&auto=format&n=3Ch7Gf3ey98GnjMH&q=85&s=5eec369d297a1bb97f91922b3d4d8e5c" alt="Template Manager" width="2474" height="1817" data-path="assets/images/predictive-merchandiser/templates/template-manager-510.png" />

Access Templates from the [Rules Editor](/docs/5/fusion/getting-data-out/query-enhancement/rules-editor) by navigating to **Relevance > Rules > Templates**. See **Use Predictive Merchandiser Templates** for instructions on using Templates.

<Accordion title="Use Predictive Merchandiser Templates">
  This article teaches you how to use the [Templates](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates) feature in Predictive Merchandiser, including how to:

  * [Create a template](#create-a-new-template)
  * [Add zones](#add-a-zone-to-a-template) to the template
  * Conditionally [trigger the template](#set-triggering-options)
  * [Test](#test-the-template) the template in the Predictive Merchandiser screen

  In the instructions below, a new template is created with two zones for use during a Cyber Monday sales event. One zone is used to display general search results while the other is used to promote specific products for the sale.

  <img src="https://mintcdn.com/lucidworks/iN-DD0xMOO3PKUmX/assets/images/5.2/templates/zones-example-10.png?fit=max&auto=format&n=iN-DD0xMOO3PKUmX&q=85&s=5ede271edef13f2f162c8a273a35b7c4" alt="Templates with zones" width="2415" height="1325" data-path="assets/images/5.2/templates/zones-example-10.png" />

  <Note>The zones used in this article use different query profiles. To follow the instructions as described, you will need to begin with an app that has at least two query profiles.</Note>

  To begin, access Templates in the [Rules Editor](/docs/5/fusion/getting-data-out/query-enhancement/rules-editor) by navigating to **Relevance** > **Rules** > **Templates**.

  <Card title="Predictive Merchandiser: Template Manager" class="note-image" href="https://academy.lucidworks.com/pm-template-manager" cta="Take this course on the LucidAcademy." icon="graduation-cap" iconType="duotone">
    The course for **Predictive Merchandiser: Template Manager** focuses on how to use the templates included in Predictive Merchandiser and create your own custom templates.
  </Card>

  <LwTemplate />

  ## Create a new template

  1. From the Templates screen, click the **New Template** button: <InlineImage src="/assets/images/5.2/templates/plus-new-template.png" alt="New template" />
  2. Assign the template a unique name in the **Template Name** field. In this example, the value `Cyber Monday` is assigned.
  3. Choose a **Template Type**. This example uses the `landing` template type.

     This value is read-only and for informational purposes only.
  4. Click the **Save** button to save the new template: <InlineImage src="/assets/images/5.2/templates/save.png" alt="Save" />

  For full configuration, see:

  * [Templates UI Configuration Options](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates-config)
  * [Templating API Configuration Reference](/api-reference/templates-controller/get-template-information)

    <Note>  Images may display other releases if the information between releases does not differ. For example, the Fusion Templating API image reflects version 5.3.5 in both the Fusion 5.2 and 5.3 releases, but reflects 5.4.0 in the Fusion 5.4 release.</Note>

  ## Add a zone to a template

  Zones enable Fusion users to create rules designed for specific query profiles. Combined with templates, this allows a search application to display results from multiple query profiles in the same view.

  In this example, two new zones are created for the **Cyber Monday** template.

  1. Add an existing zone to the template by clicking the **Existing** button. In this example, the **Main Results List** zone is added by selecting the zone and clicking the **Apply** button.
     {/* 

     <Note>   The **Main Results List** zone is the default zone. This zone can be edited but cannot be deleted.</Note>
     */}
  2. Create a new zone by clicking the **New** button: <InlineImage src="/assets/images/5.2/templates/plus-new.png" alt="New zone" />
  3. Assign the zone a unique name in the **Display Name** field. For this example, the value `Promoted` is assigned.
  4. Choose the **Query Profile** for this zone. This example uses a query profile named **promotional-results**. This query profile is configured with rules that pin products to the top of the results.
  5. Choose the **Zone Type** for this zone. This example uses **main-results-list**.

     This value is read-only and for informational purposes only.
  6. Set the configuration options for the product image, title, and description per your preference.
  7. Click the **Save** button to save the new zone:  <InlineImage src="/assets/images/5.2/templates/save.png" alt="Save" />

  For full zone configuration details, see [Zone Configuration Options](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates-config).

  ## Edit an existing zone

  You can edit a zone that was already added to a template:

  1. Select the **Start Task** button.
  2. Select the pencil icon to begin editing the chosen page.
  3. Each zone has a trash can icon to delete the zone. Select the wrench icon to edit the zone.
  4. In the form that appears, make any necessary edits.
  5. Click the **Save** button to save your changes.

  ## Set triggering options

  Triggers describe conditions that must be met for a template to display. Trigger options include a set date range and specific search terms. See [Triggering Configuration Options](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates-config) for additional details.

  ### Date range

  1. Click the **0 Active** button under **Triggering**:

       <img src="https://mintcdn.com/lucidworks/iN-DD0xMOO3PKUmX/assets/images/5.2/templates/trigger-0-active.png?fit=max&auto=format&n=iN-DD0xMOO3PKUmX&q=85&s=768c6d1820cf140e548530b909f2cc66" alt="Trigger 0 active" style={{ width: "500px" }} width="806" height="189" data-path="assets/images/5.2/templates/trigger-0-active.png" />

     <Note>   If there are active triggers, this button changes to reflect that number. For example, this button will read **3 Active** when 3 triggers are active.</Note>
  2. Click the date range selector and select a start and end date. For this example, choose a date range that includes today’s date.
  3. Click the **Save** button to save your changes: <InlineImage src="/assets/images/5.2/templates/save.png" alt="Save" />

  ### Search terms

  1. Click the **0 Active** button under **Triggering**.
  2. Click the **Trigger** button: <InlineImage src="/assets/images/5.2/templates/plug-trigger.png" alt="New trigger" />
  3. In the **Search Terms** field, enter `cyber monday`.
  4. Set the **Match Mode** field to `phrase`.
  5. Click the **Add** button.
  6. Repeat the process to add a second trigger with **Search Terms** set to `sales event` and **Match Mode** to `phrase`.
  7. Click the **Save** button to save your changes: <InlineImage src="/assets/images/5.2/templates/save.png" alt="Save" />

  ## Test the template

  1. Navigate to the **Merchandiser** screen.
  2. Enter one of the [search terms](#search-terms) you configured in the **Set triggering options** instructions above. This example used the search terms `cyber monday` and `sales event`.

     <Note>   If today’s date does not fall within the template’s [date range trigger](#date-range), the template will *not* load.</Note>

  If everything was configured correctly, you should see the **Cyber Monday** template is loaded. You can now create different rules for both zones, including pinning promoted products in the **Promoted** zone.
</Accordion>

Templates are only available with a valid license for [Predictive Merchandiser](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/overview). If available, you will see the templates icon in the left navigation panel: <InlineImage src="/assets/images/predictive-merchandiser/templates/icon-templates.png" />

For configuration information, see [Templates UI Configurations Reference](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates-config) and the [Templating API Configuration Reference](/api-reference/templates-controller/get-template-information).

<Card title="Predictive Merchandiser: Template Manager" class="note-image" href="https://academy.lucidworks.com/predictive-merchandiser-template-manager" cta="Take this course on the LucidAcademy." icon="graduation-cap" iconType="duotone">
  The course for **Predictive Merchandiser: Template Manager** focuses on how to use the templates included in Predictive Merchandiser and create your own custom templates.
</Card>

## Templates

Templates are comprised of two primary elements, the [template](#templates) itself and its associated [zones](#zones). A variety of conditions, or *triggers*, determine which template is shown to the customer. These triggers can include whether the template is active, the template’s precedence over other templates, the customer’s query, and whether the template is triggered within a specific date range (if set).

### Default templates

A new app starts with built-in templates: Detail Page, Search Results, and Typeahead. The Detail Page and Search Results Page templates are immediately available in the **Templates** screen.

**Detail Page:** The Detail Page defines what a customer sees when they view the details of a product. It can be configured in the **Templates** screen or by hovering over a product in the **Predictive Merchandiser** screen and clicking the **Detail Page** button that appears.

**Search Results page:** The Search Results Page defines what a customer sees when they reach a search results page. This template can also be configured in the **Template** screen. Alternatively, you can click **Merchandiser > Start Task > Edit Template**.

**Typeahead Template:** The Typeahead Template allows you to configure what is displayed when query terms are typed into the search bar. To add this template, click **Merchandiser > Start Task > enter a search query term**. When the system displays "Typeahead not created. Do you want to create a new typeahead template?", click **New** to create the typeahead template.

### Custom templates

In some cases, you may want to create custom template types to add more options for curating pages in your search application. You can create a custom template type in the **Template** screen by following the steps in **Create a Custom Predictive Merchandiser Template Type**.

<Accordion title="Create a Custom Predictive Merchandiser Template Type">
  This article teaches you how to create custom [Templates](/docs/5/fusion/getting-data-out/curating-your-search-experience/predictive-merchandiser/templates) for Predictive Merchandiser.

  To begin, access Templates in the [Rules Editor](/docs/5/fusion/getting-data-out/query-enhancement/rules-editor) by navigating to **Relevance** > **Rules** > **Templates**.

  ## Create a new template type

  1. From the Template Manager screen, click **New Template**.
  2. Add a user-friendly **Display Name** for your template.
  3. In the **type** field, create a new template type by entering the name and clicking **Add**.
  4. Click **Save**. The custom template type and template display in the list of templates.
  5. Configure the template as desired.
  6. Click **Publish**. Review the changes, and click **Confirm and Publish** to publish your custom template type and template. The template is now available in the **Merchandiser** screen. The template activates based on your configurations.
</Accordion>

### Hierarchical template triggers

Hierarchical template triggers allow you to fire a search configuration template or rules at a parent or child level in a hierarchy, and even at a faceted level.

**Ways to use hierarchical templates:**

* For a sale on "Winter Coats," you can fire a template at the "Outerwear" level or at any of its children.
* For an overstock on a particular clothing size, you could fire a template directly at the “Women’s Outerwear, Size Small” filter.
* When rolling out a new company policy, you could fire a zone on all pages from the homepage down so everyone sees the most important links and documents for the new policy.

#### Hierarchical fields settings

To configure hierarchical fields settings:

1. Access the application and click **Relevance > Rules > Templates**.
2. Click the three vertical dots to the right of the application name to display the Hierarchical fields settings section.

   <Frame>
     <img src="https://mintcdn.com/lucidworks/3Ch7Gf3ey98GnjMH/assets/images/predictive-merchandiser/templates/template-manager-hierarchical.png?fit=max&auto=format&n=3Ch7Gf3ey98GnjMH&q=85&s=ce5c30b6aaca3e61987becfa4574ca9a" alt="Hierarchical fields settings" width="752" height="623" data-path="assets/images/predictive-merchandiser/templates/template-manager-hierarchical.png" />
   </Frame>
3. Complete one of the following:

   <img src="https://mintcdn.com/lucidworks/3Ch7Gf3ey98GnjMH/assets/images/predictive-merchandiser/templates/template-manager-hierarchical.png?fit=max&auto=format&n=3Ch7Gf3ey98GnjMH&q=85&s=ce5c30b6aaca3e61987becfa4574ca9a" alt="Hierarchical fields settings" width="752" height="623" data-path="assets/images/predictive-merchandiser/templates/template-manager-hierarchical.png" />

<Note>
  Any symbol can be used as a delimiter.
</Note>

* To edit an existing field, click **Field** and select the value to edit. Enter the appropriate value in the **Delimiter** field and click **Apply**.
* To delete a field setting, select the value in **Field**, click **X**, and then click **Apply**.
* To cancel any changes before you apply them, click **Cancel**.

#### Hierarchical trigger settings

To configure hierarchical trigger settings:

1. Access the application and click **Relevance > Rules > Templates**.
2. Click to open a template.
3. In the Triggering section, click the trigger to display the settings. You can also click **+ Trigger** to add a new trigger.
4. Enter values in the **Search terms** and **Match mode** fields.
5. In the Filters section of the Edit Trigger screen (or New Trigger screen), click **+ Add** to add a new filter.
6. Enter values in the **Field name** and **Field value** fields.
7. Click the **Apply to Descendant** option to apply the trigger at child levels of the hierarchy.

<Note>
  The **Apply to Descendant** function only applies to fields that are configured as hierarchical.
</Note>

8. Click **Exact** to enable exact filter matches.
9. Save the configuration. To close the window without saving changes click **X** or **Cancel**.

<Note>
  The URL Content tab fields and values do not apply to hierarchical trigger functions.
</Note>

## Zones

Zones enable Fusion users to create rules designed for specific query profiles. Combined with templates, this allows a search application to display results from multiple query profiles in the same view.

For example, if a customer searches for `climbing`, one zone can fetch results for climbing apparel, and another zone can fetch blog posts about climbing. The same zone can be used in multiple templates, and changes to a zone will be made on all templates that zone is used in.

<Frame>
  <img src="https://mintcdn.com/lucidworks/iN-DD0xMOO3PKUmX/assets/images/5.2/templates/zones-example-10.png?fit=max&auto=format&n=iN-DD0xMOO3PKUmX&q=85&s=5ede271edef13f2f162c8a273a35b7c4" alt="Templates backend example" width="2415" height="1325" data-path="assets/images/5.2/templates/zones-example-10.png" />
</Frame>

In the example above, a unique template is fired for the query `cyber monday`. This template has two zones:

<img src="https://mintcdn.com/lucidworks/iN-DD0xMOO3PKUmX/assets/images/5.2/templates/zones-example-10.png?fit=max&auto=format&n=iN-DD0xMOO3PKUmX&q=85&s=5ede271edef13f2f162c8a273a35b7c4" alt="Templates backend example" width="2415" height="1325" data-path="assets/images/5.2/templates/zones-example-10.png" />

* <InlineImage src="/assets/images/5.2/templates/zones-indic-1.png" /> **Promoted** - Display advertised products.
* <InlineImage src="/assets/images/5.2/templates/zones-indic-2.png" /> **Main Results List** - Display general search results.
