
Drive conversions and foster long-lasting customer relationships with personalized recommendations by analyzing customers' browsing history. By curating a tailored selection of similar items and recommending relevant products, you can boost sales, elevate the shopping experience, and increase engagement with just an email.

This use case describes the process of creating a set of personalized recommendations of products similar to the last seen by the customer and sending them in an email to customers who had a transaction in the last 30 days.

This use case provides you with an instruction how to use a ready-made email template that can be used 1:1 in a business scenario.

<figure>
<img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/sim_emailtemplate.png" alt="Email with similar recommendations  "  class="full no-frame">
</figure>

## Prerequisites 
---
- Implement a [tracking code](/developers/web/installation-and-configuration) into your website.
- [Configure AI engine](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-recommendations).
- [Configure an item catalog for recommendations](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-recommendations). Enable similar items recommendations.
- Implement the [transaction events](/developers/web/transactions-sdk) using [SDK](/developers/web/transactions-sdk) or [API](https://developers.synerise.com/DataManagement/DataManagement.html#operation/CreateATransaction).
- Configure a [sender account](/docs/campaign/e-mail/configuring-email-account).

## Process
---

In this use case, you will go through the following steps:
1. [Create an aggregate](#create-an-aggregate) returning the ID of the last visited product, it will be used in the template configuration.
2. [Prepare an AI recommendation](#prepare-an-ai-recommendation), it will be used in the template configuration.
4. [Prepare an email template](#prepare-an-email-template).
3. [Create a workflow](#create-a-workflow).

## Create an aggregate
---
In this part of the process, create an aggregate that returns the ID of the last product a customer had visited. The recently viewed product itself will not display in the template, but will serve as a context for recommendations.

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/behavioral-data-hub-icon.svg" alt="Behavioral Data Hub icon" class="icon"> **Behavioral Data Hub > Live Aggregates > Create aggregate**.
2. As the aggregate type, select **Profile**.  
2. Enter the name of the aggregate.
3. Click **Analyze profiles by** and select **Last**.
4. From the **Choose event** dropdown list, select the **Visited page** event.
5. As the event parameter, select **product:retailer_part_no**.
6. Click the **+ where** button.
7. From the **Choose parameter** dropdown list, select the **product:retailer_part_no** parameter.
8. From the **Choose operator** dropdown list, select **Is true (Boolean)**.
9. Using the date picker in the lower-right corner, set the time range to **Last 7 days**. Confirm your choice with the **Apply** button.
7. Click **Save**.

<figure>
<img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/email_aggregate_lsp.png" alt="The view of the aggregate configuration"  class="large">
<figcaption>Configuration of the aggregate returing the ID of the last seen product</figcaption>
</figure> 

## Prepare an AI recommendation
---
In this part of the process, you will configure a similar items recommendation which will be later used in the email template. You can use a differenct recommendation type according to your business needs.

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 an item feed.
5. In the **Type** section, choose the **Similar items** recommendation type.
6. Confirm the settings by clicking **Apply**.
7. In the **Items** section, click **Define**.
    1. Click **Add slot**.
    2. Define the minimum and maximum number of items that will be recommended to the customer in each slot.
    3. Optionally, define [Static filters](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#static-filters) and [Elastic filters](/docs/ai-hub/recommendations-v2/creating-recommendation-campaign#elastic-filters).
    4. Confirm by clicking **Apply**. 
8. Optionally, you can define the **Boosting** factors and settings in the **Additional settings** section.
9. In the right upper corner, click **Save**.

## Prepare an email template
---
In this part of the process, you will create an email campaign. We will use a predefined template for the recommendations similar to last seen products, so there is no need to create a template from scratch. In the configuration, we will use the [aggregate](#create-an-aggregate) and [recommendation](#prepare-an-ai-recommendation) created in the previous steps.

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 > Email**.  
2. On the left pane, click **Templates** and from the list of template folders, select **email default templates**.
3. Select **Products similar to last seen** template.

**Result:** You are redirected to the code editor.


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

You can edit the template in two ways, by editing the code of the template ([add inserts](/docs/campaign/in-app-messages/creating-inapp-templates/creating-inapp-template#adding-a-snippet-to-the-template-code), [add variables](/docs/campaign/in-app-messages/creating-inapp-templates/creating-inapp-template#adding-a-variable) and/or by filling out the form in the Config tab. In this use case, we will use the capabilities of the predefined Config tab.

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


### Edit form in the Config tab 
---
The form in the **Config** tab is pre-filled with default values, which you can modify to suit your business needs.  

1. In the **Logo** section, you have the option to customize the logo's height, link, title, and image source.
2. In the **Main image** section, you can specify the height, link, title, and the source of the main image.
3. In the **Last seen product** section, from the **Aggregate id with last seen product** dropdown list, select the [aggregate you created in the previous step](#create-an-aggregate). You can find it by typing its name or ID in the search box.
4. In the **Recommendation header** section, you can type the header you want to display and define the background and font colors.
5. In the **Recommendation products** section:
    1. From the **Recommendation id** dropdown list, select the [recommendation you prepared in the previous step](#prepare-an-ai-recommendation). You can find it by typing its name or ID in the search box.
    2. Customize the **Number of product in row**, **Product name font color**, **Font color**, **Button font color**, **Button background color**, **Button border radius** and **Button text** options.
6. Optionally, you can configure **Category section**, **Contact section**, **Social media** and **Footer** or hide them by switching off the respective toggle.

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

   To preview the template without switched off sections, use the **Preview Contexts** option.

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


7. After you make changes to the template, you can check the preview. 
    1. Click the **Preview Contexts** button on the upper left side.
    2. Enter the ID of a customer.
    3. Click **Apply**.

    <figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/config_similar.png" alt="The view of the Edit form in the Config tab"  class="large">
    <figcaption>Edit form in the Config tab</figcaption>
    </figure> 

8. If the template is ready, click the arrow next to **Use in communication** in the upper right corner, and from the dropdown select **Save as**.
9. On the pop-up:
    1. In the **Template name field**, enter the name of the template.
    2. From the **Template folder** dropdown list, select the folder where the template will be saved.
    3. Confirm by clicking **Save**.

## Create a workflow
---
In this part of the process, you will create the workflow which sends emails with recommendations of products similar to those last seen by a customer, triggered when they finish their session on the site. The email will be sent maximum once a month, to customers who didn’t make a purchase in the last 30 days.

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/automation-hub-icon.svg" alt="Automation Hub icon" class="icon" > **Automation Hub > Workflows > New workflow**.  
2. Enter the name of the workflow.  

### Define the Profile Event trigger node
At this stage, we will configure the conditions that launch the workflow. As a trigger, we will use the `session.end` event.

1. As the first node of the workflow, add **Profile Event**. In the configuration of the node:
    1. From **Choose event** dropdown menu, choose the `session.end` event.
    2. Confirm by clicking **Apply**.

### Define the delay
Add the Delay node to define the lag between the `session.end` event and sending an email with voucher to specific segment of customers. In this example it is 1 hour.

1. Add the **Delay** node, in the configuration of the node:
    1. In the **Delay** field, enter `1`.
    2. From the **Unit** dropdown, choose **Hour**.
    3. Confirm by clicking **Apply**.

### Define the Profile Filter node
As the next step, add the **Profile Filter** node, which checks if the customer made a transaction in the last 30 days. If the customer has not made a transaction, we will send them an email with recommendations, and if they have, then the workflow ends.

1. Add the **Profile Filter** node.
2. From the **Choose filter** dropdown list, select the **transaction.charge** event.
4. Using the date picker in the lower-right corner, set the time range to **Custom> Last 30 days**. Confirm your choice with the **Apply** button.
5. Click **Apply**.

### Configure the Send Email node

1. To the **Not matched** path, add the **Send Email** node. In the node settings:
    1. In the **Sender details** section, choose the email account from which the email will be sent.
    2. In the **Content** section, type the **Subject** and from the **Template** dropdown, select [the template you prepared in the previous step](#prepare-an-email-template).
    3. In the **UTM & URL parameters** section, you can define the UTM parameters added to the links included in the email. 
    4. In the **Additional parameters** section, you can optionally assaign [parameters](/docs/campaign/e-mail/creating-email-campaigns#adding-custom-parameters), which will be added to every event generated by this communication.
2. Click **Apply**.

### Add the finishing nodes and set capping

1. Add the **End** nodes after **Send Email** node and to the **Matched** path after the **Profile Filter** node.
2. In the upper right corner, click **Set Capping** and define the limit of workflows a profile can start:
    1. Set **Limit** to 1.
    2. Set **Time** to 30 days.
4. Confirm by clicking **Apply**.
5. In the upper right corner, click **Save & Run**.

<figure>
<img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/email_wrkflw.png" alt="The view of the workflow configuration"  class="full">
<figcaption>Workflow configuration</figcaption>
</figure> 

## Check the use case set up on the Synerise Demo workspace
---
You can check the configuration of each step directly in our Synerise Demo workspace:
- [Aggregate](https://app.synerise.com/analytics/aggregates/1162c599-338f-32f7-ba20-b1bb64fcaed0)
- [AI Recommendation](https://app.synerise.com/ai-v2/recommendations/pcJ44bk6rXz2)
- [Workflow](https://app.synerise.com/automations/automation-diagram/8b4368c2-9a57-4340-a20f-976664c7cd75)

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

- [Aggregates](/docs/analytics/aggregates)
- [Recommendations](/docs/ai-hub/recommendations-v2)
- [Email template builder](/docs/campaign/e-mail/creating-email-templates/email-code-editor)