
---

To enhance the shopping experience and increase the average order value, we can use product sets to recommend complementary accessories alongside a main product. With our ready-made template, setting up these sets becomes much easier. The template is based on a single recommendation campaign that allows you to configure multiple slots, each representing a different category of products. Each slot can be customized with specific settings, such as the number of displayed products, price ranges, colors, and other relevant attributes. This enables a highly personalized shopping experience, tailored to individual user preferences.

This use case describes the process of implementing three accessory categories: glasses, plates, and vases, when a user visits the Glasses category. The recommendations will be dynamically adjusted based on the user’s behavior and preferences. Customers will have the flexibility to purchase the full set with a single click or manually select individual items from each category. This approach not only simplifies the decision-making process for customers but also drives higher engagement and conversions by presenting well-matched product combinations.
<figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/product-sets-template2.png" alt="Product Sets Template" class="full no-frame">   
    <figcaption> Product sets template </figcaption>
    </figure>

## Prerequisites 
---
- [Personalized model trained](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-recommendations).
    - Color, brand and additional attributes in the product feed – as custom attributes 
- [Tracking code](/developers/web/installation-and-configuration#creating-a-tracking-code) on your website.
- Implemented [OG tags](/developers/web/og-tags):
    - product:retailer_part_no which is the same as <g:id> in the product feed
    - og:category which is also the same as <g:product_type> in the product feed - We recommend that your website has the add to cart function that can be implemented in JavaScript, using the product IDs from the product feed.


   <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">

   This use case only explains how to create the campaign and adjust the template, and it is important to set up your e-commerce system to handle the "Add to Cart" button correctly for adding selected products or the entire set to the shopping cart. Additionally, the template allows you to apply a discount to the full set (either as a percentage or a fixed value), visible in the product set view. However, integrating this discount at checkout requires specific technical setup on your end, depending on your e-commerce system, and our template ensures the discount is accurately calculated and displayed.

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


## Process
---

In this use case, you will go through the following steps:
1. [Preparation of AI recommendation](/use-cases/product_sets2#preparation-of-ai-recommendation).
2. [Preparation of dynamic content](/use-cases/product_sets2#preparation-of-dynamic-content).

## Preparation of AI recommendation
---

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/ai-hub-icon.svg" alt="AI Hub icon" class="icon" > **AI Hub > (AI Recommendations) Models > Add recommendation**.
2. Enter the name of the recommendation (it is only visible on the list of recommendations).
3. In the **Type & items feed** section, click **Define**.
4. From the **Items Feed** dropdown list, select a product feed for which the model training is completed.   
    
   <div class="admonition admonition-tip"><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="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg></div><div class="admonition-body"><div class="admonition-content">

   To use the selected item feed for a given recommendation type, the model that drives the recommendation type works must be trained using the selected item feed. If the recommendation type is not available yet for the recommendation type, you can check the model training status. To learn more about it, read the ["Model status"](/docs/settings/configuration/ai-engine-configuration/model-status) article.

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

5. Click **Select model** and on the pop-up, select **Personalized**.  
    <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/personalized-email-brands-type.png" class="full" alt="Configuraion of the catalog and recommendation type section"><figcaption>Configuraion of the catalog and recommendation type section</figcaption></figure>
6. Confirm by clicking **Apply**. 
7. In the **Items** section, click **Define**.  
    1. Define the minimum and the maximum number of products displayed in the slot according to your needs.  
        
       <div class="admonition admonition-tip"><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="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg></div><div class="admonition-body"><div class="admonition-content">

       Learn more about the [recommendation settings](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#configure-item-slots).

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

    2. In **Static filters**, set the following parameters:  
        - `category` - and choose the category from which products should be presented.
        - additionally, you can use different filters based on your business needs.
    3. Click **Add slot** and repeat steps b-d. In step d, select different category.  
    4. Confirm by clicking **Apply**.  
8. Optionally, you can define the settings in the **Slots and items ordering**, **Boosting**, and **Additional settings** sections.  
    
   <div class="admonition admonition-tip"><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="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg></div><div class="admonition-body"><div class="admonition-content">

   Learn more about [slots and items ordering](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#define-slot-and-item-ordering), [boosting](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#define-the-boosting-factors) and [additional settings](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#additional-settings)

   </div></div></div>
   
9. Save the recommendation by clicking the **Save** button in the upper right corner.

## Preparation of dynamic content
---

When you finish configuring your AI recommendation, it’s time to display the recommendation results (product sets) on the website. You can do it using our pre-defined template available on the [Demo Profile](https://app.synerise.com/campaigns/dynamic-content/content-manager/template/168756). The template is ready to use.

<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">

To fully use the recommendation, you must:
- set up your e-commerce system to handle the add to cart actions and handle adding multiple items to the cart simultaneously
- configure applying the discount on the checkout process. 
   The template ensures only correct display and calculation of the discount.

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


1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/experience-hub-icon.svg" alt="Image presents the Experience Hub icon" class="icon"> **Experience Hub > Dynamic content > Create new**. Choose **Insert** type of campaign.
2. Add meaningful name to your campaign.
3. In the **Audience** section, select the recipients of the dynamic content.
4. In the **Content** section, select **Create message**, then go to the Use Cases folder or just type the name of the template in the search box: **Product Sets**

  <figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/product-sets-template.png" alt="Product Sets Template" class="full no-frame">   
    <figcaption> Product sets template </figcaption>
    </figure>

5. In the **Config** tab:
    1.  In the **Product sku for preview field,** enter example product sku, that helps you see which products are displayed in the product set for this specific SKU.
    2. In **Recommendation Id**, add the ID of [recommendation campaign](#preparation-of-ai-recommendation) created in the previous step.
    3. If you want to give the user chance to add all the products together as a set, enable **Show add all products to cart button** .
    4. If you want to apply discount, from the **Discount type** dropdown list, choose the discount type. The recommendation display reflects the item value after applying the promotion; however, the implementation of the discount during the checkout process is your responsibility.
4. In the upper right corner, click **Use in communication**.  
5. Specify the CSS selector where you want to insert recommendations.
6. Click **Apply**.
7. In the **Schedule** section define the period when the dynamic content is active.  
7. In **Display settings**, define the circumstances when the dynamic content will be triggered and the URLs on which it will be displayed. In this case, the dynamic content will be displayed on the URLs with the **Glasses** category. 
8. In the upper right corner, click **Activate**.  

## Check the use case set up on the Synerise Demo workspace
---
In the Synerise Demo workspace, you can check:
- [AI recommendation](https://app.synerise.com/ai-v2/recommendations/RKFGRSy1UV5k)
- [Dynamic content campaign](https://app.synerise.com/campaigns/dynamic-content/create/b7ead34c-5450-4ba9-92f8-93847278cb18) 
- [Template](https://app.synerise.com/campaigns/dynamic-content/content-manager/template/168756)

If you’re our partner or client, you already have automatic access to the **Synerise Demo workspace (1590)**, where you can explore all the configured elements of this use case and copy them to your workspace.  

If you’re not a partner or client yet, we encourage you to fill out the contact [form](https://demo.synerise.com/request) to schedule a meeting with our representatives. They’ll be happy to show you how our demo works and discuss how you can apply this use case in your business. 

## Read more

Learn how to build [AI recommendations](/docs/ai-hub/recommendations-v2)
