
You can check the preview of the recommendation in the following cases:

- If you want to see the set of items recommended when there is a specific item or items in the shopping cart.
- If you want to see the set of items recommended for a selected customer.
- If you want to see the set of items recommended for a selected channel or channels.

The context of the preview depends on the recommendation type selected. Below, you can find a table that shows which context is used in the preview of each type of recommendation. 


| Recommendation type   | Item context                                                  | Customer context                                                | Supplemental catalog context                                     |
|-----------------------|---------------------------------------------------------------|----------------------------------------------------------------|-----------------------------------------------------------------|
| [Similar items](/docs/ai-hub/recommendations-v2/recommendation-types#similar-items)         | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Cross-sell](/docs/ai-hub/recommendations-v2/recommendation-types#cross-sell-and-cart-recommendations)           | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Cart](/docs/ai-hub/recommendations-v2/recommendation-types#cross-sell-and-cart-recommendations)  | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Last seen](/docs/ai-hub/recommendations-v2/recommendation-types#last-seen)             | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/close-s.svg" class="icon" alt="Red checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Top items](/docs/ai-hub/recommendations-v2/recommendation-types#top-items)             | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Personalized](/docs/ai-hub/recommendations-v2/recommendation-types#personalized)          | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark">| <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Visual similarity](/docs/ai-hub/recommendations-v2/recommendation-types#visual-similarity)     | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Item comparison](/docs/ai-hub/recommendations-v2/recommendation-types#item-comparison)       | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Recent interactions](/docs/ai-hub/recommendations-v2/recommendation-types#recent-interactions)   | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/close-s.svg" class="icon" alt="Red checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Section page](/docs/ai-hub/recommendations-v2/recommendation-types#section-page)               | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark">| <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Attribute](/docs/ai-hub/recommendations-v2/recommendation-types#attribute)            | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [Next interaction](/docs/ai-hub/recommendations-v2/recommendation-types#next-interaction)     | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark">| <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> | <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/check-s.svg" class="icon" alt="Green checkmark"> |
| [External](/docs/ai-hub/recommendations-v2/recommendation-types#external)`*`             | n/a                                                           | n/a                                                            | n/a|

`*`- Previews are not available for external recommendations.

## Previewing recommendations (item context)
---

This preview of recommendations is based on simulating the presence of an item in the cart.

1. Go to **AI Hub > (AI Recommendations) > Models**.
2. From the list of recommendations, click the recommendation you want to preview.  
    **Result**: You are redirected to the recommendation details.
3. Select the **Preview** tab. 
    
   <div class="admonition admonition-note"><div class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div><div class="admonition-body"><div class="admonition-content">

   For the Top items, the preview of the items is shown immediately after selecting the tab.

   </div></div></div>

4. In the **Item context** section, from the **Choose model item** dropdown list, select an item.
    **Result**: An item is added to the cart. In the **Recommended items** section, you can see the items recommended based on the item selected in the cart.


## Previewing recommendation (customer context)
---

This preview of recommendations is based on the profile of a selected customer.


<div class="admonition admonition-important"><div class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div><div class="admonition-body"><div class="admonition-content">

Available only for the Personalized recommendation, Last seen, and Recent interactions type.

</div></div></div>


1. Go to **AI Hub > (AI Recommendations) > Models**.
2. From the list of recommendations, click the recommendation of which you want to preview.  
    **Result**: You are redirected to the recommendation details.
3. Select the **Preview** tab.  
    <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/campaign/_gfx/reco-preview-profile-context.png" class="medium" alt="A dropdown menu that allows you to select a customer for whom the items in the recommendation are presented"><figcaption>A dropdown menu that allows you to select a customer for whom the items in the recommendation are presented</figcaption></figure>  

4. In the **User context** section, from the **Choose profile** dropdown list, select a customer.  
    **Result**: In the **Recommended items** section, you can see the items recommended displayed in the recommendation frame for the selected customer. 

## Previewing recommendation (supplemental catalog context)
---

The recommendation preview is based on the selected [supplemental catalog](/docs/ai-hub/item-feed/supplemental-catalog) and its chosen channel(s). This ensures that the results are filtered and adjusted to reflect the availability and pricing details specific to those channels. The raw data reflects these changes, but the visual preview does not show them. To see the updated data, click **More Details** on any item in the preview and select the **Raw data** tab.

1. Go to **Communication > Recommendations**.
2. From the list of recommendations, click the recommendation which you want to preview.  
    **Result**: You are redirected to the recommendation details.
3. Select the **Preview** tab.  
    <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/campaign/_gfx/reco-preview-supplemental-catalog-context.png" class="medium" alt="A dropdown menu that allows you to select a supplemental catalog, enabling filtering of recommended items based on the channels defined within that catalog"><figcaption>A dropdown menu that allows you to select a supplemental catalog, enabling filtering of recommended items based on the channels defined within that catalog</figcaption></figure>
4. In the **Supplement catalog context** section, click **Define**.  
5. On the pop-up, to select a supplemental catalog, click **Add**.  
6. From the **Catalog** dropdown list, select the supplemental catalog.  
7. From the **Channels** dropdown list, select one or more channels whose item data you want to use for the recommendation preview. 
8. Confirm by clicking **Apply**.  
9. On any item in the preview, click **More Details**.  
10. Select the **Raw data** tab.  
    
    <div class="content-tabs" data-tab-group="tabgrp-1246">
    <div class="tab-buttons"><button class="tab-button" data-tab-id="tabgrp-1246-0" data-tab-group="tabgrp-1246" data-tab-active="true">With supplemental catalog context</button><button class="tab-button" data-tab-id="tabgrp-1246-1" data-tab-group="tabgrp-1246">Without</button></div>

    <div class="tab-panel" data-tab-id="tabgrp-1246-0" data-tab-group="tabgrp-1246" data-tab-active="true">

    <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/ai-hub/_gfx/supp-catalog-preview-after.png" class="medium" alt="The Raw data tab presents information about an item sourced from the supplemental catalog"><figcaption>The Raw data tab presents information about an item sourced from the supplemental catalog</figcaption></figure>

    </div>

    <div class="tab-panel" data-tab-id="tabgrp-1246-1" data-tab-group="tabgrp-1246">

    <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/ai-hub/_gfx/supp-catalog-preview-before.png" class="medium" alt="The Raw data presents information about an item sourced from the main feed"><figcaption>The Raw data presents information about an item sourced from the main feed</figcaption></figure>

    </div>
    </div>

 
## Editing preview attributes
---

<figure>
<img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/campaign/_gfx/preview-attributes-recommendations.png" alt="Selecting attributes for preview" class="full">
<figcaption> Selecting attributes for preview </figcaption>
</figure>

You can set the preview attributes by clicking **Edit preview attributes**. By changing the preview attributes, you can control the attribute values that will appear in the preview. 

More information about attributes for preview is available the ["Selecting attributes for preview" section](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-recommendations#selecting-attributes-for-preview).


<div class="admonition admonition-note"><div class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div><div class="admonition-body"><div class="admonition-content">

This setting is mutual for the Recommendation and AI search preview.

</div></div></div>




