
<div class="youtube-embed youtube-facade not-prose" data-youtube-id="4XgsFUnZuG0" role="button" tabindex="0" aria-label="Play YouTube video"><img src="https://img.youtube.com/vi/4XgsFUnZuG0/hq720.jpg" alt="YouTube video" class="youtube-facade-thumb" loading="lazy" /><span class="youtube-facade-play" aria-hidden="true"><svg viewBox="0 0 68 48" width="68" height="48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.64 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg></span></div>

In today's competitive e-commerce landscape, personalization plays a crucial role in improving customer engagement and increasing conversion rates. By leveraging customer data such as purchase history, browsing patterns, and product preferences, businesses can provide a tailored shopping experience. This is especially critical during high-stakes sales events like Black Friday, when customers are bombarded with a vast range of products and deals. A well-executed personalized approach not only enhances user experience but also helps in reducing decision fatigue and boosting conversion rates.

This use case demonstrates how a dynamically personalized product listing can be integrated into a landing page. The listing presents products that are relevant to each customer's interests, based on their past purchases and browsing activities. With the use of Synerise Predictions, presented results will be even more accurate.

**Here’s how it works**: 
- Customers with a high propensity to purchase from a particular brand will receive an email that guides them to a personalized landing page. 
- The page features an **automatically filtered product listing that spotlights items from their preferred brand**. 
- Customers can further refine their browsing experience by applying additional filters, such as product category or price, for an even more tailored shopping journey.

For special occasions such as Black Friday or Power Monday, you can enrich this scenario and apply additional settings, such as showcasing only offers with a specific "black-friday" tag.

In this use case, we will guide you through every step of the scenario. We will prepare the email campaign as well as the landing page which will be created based on a predefined template that makes the scenario easy to prepare by adapting the ready project to your business needs.

## Prerequisites 
---
To be able to implement this use case, you must:
- [Create a sender account](/docs/campaign/e-mail/configuring-email-account)
- Configure AI Engine for:
    - [AI Search](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-search)
    - [Propensity predictions](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-propensity#enabling-propensity-and-best-fit-predictions)
- Create and configure [search index](/docs/ai-hub/ai-search/create-index) and add the desired [filterable attributes](/docs/ai-hub/ai-search/define-attributes#filterable-attributes)
- [Predict propensity to buy items from specific brand](/use-cases/propensity-brand)
- If you plan to publish a landing page within your own domain, follow instructions from ["Requirements for custom domains" section](/docs/campaign/landing-page/creating-landing-page#requirements-for-custom-domains); if you choose to publish it on the Synerise domain, no additional requirements are necessary
- Optionally you can [configure AI engine](/docs/settings/configuration/ai-engine-configuration/engine-configuration-for-recommendations) to be able to add personalized AI recommendations to your landing.
- Optionally create [AI recommendations](/docs/ai-hub/recommendations-v2) which you can add to your landing page.


## Process
---
Perform the steps in the following order:

2. [Create a landing page](/use-cases/landing-page-personalized-listing#create-a-landing-page).
2. [Create an email campaign](/use-cases/landing-page-personalized-listing#create-an-email-campaign).


## Create a landing page
---

In this part of the process, you will create a landing page with personalized product listing. The listing will have filtering options (such as filters by brand, by category or price) as well as sorting. We will use a predefined template so there is no need to create a template from scratch.
In this example we will use a landing page approach, but you can implement the same scenario in any other structure or flow that fits your project.

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/experience-hub-icon.svg" alt="Experience Hub icon" class="icon" > **Experience Hub > Landing Page > Create new**.
2. Enter the name of the campaign.

### Define content
---
1. In the **Content** section, click **Create message**.
2. From the list of template folders, select the **Predefined templates** folder.  
    **Result:** You are redirected to the list of predefined templates.
3. Select the **Personalized Listing** template.  
    **Result:** You are redirected to the code editor. The form in the **Config** tab is pre-filled with default values, which you can modify to suit your business needs.
5. In the **General** section:
    1. In the **ID of AI search index** field, enter the ID of search index you created as a part of [prerequisites](/use-cases/landing-page-personalized-listing#prerequisites).
10. In **Additional Recommendation**, you can select an AI recommendation that will be used to present additional product offers, if switched on. In this section, apart from selecting the recommendation, define the header for the recommendation frame, and the number of items to display in the recommendation frame.
6. In the **Buttons, Hero, Footer** sections, you can configure the layout and appearance of your landing page, including fonts, colors, and backgrounds, to ensure it matches your branding.
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/listing-config.png" alt="The view of the Edit form in the Config tab"  class="full">
    <figcaption>Edit form in the Config tab</figcaption>
    </figure> 

8. If the template is ready, click **Use in communication** in the upper right corner.

### Define schedule settings 
---
1. In the **Schedule** section, click **Define**.
1. Select the timezone.
2. Select the time when the landing page will be active - in this case, choose the start and end date, so they overlap the period before and after Black Friday.
6. Click **Apply**

  <figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/lp-black-schedule.png" alt="The view of the Schedule tab"  class="full">
    <figcaption>Edit form in the Schedule tab</figcaption>
    </figure> 

### Define the SEO settings
---
In this part of the process you may define technical details concerning search engine optimization and increase the chances of placing high in search results. 

### Set up the URL
---

In this part of the process, you will define the URL to your landing page.

1. From the **Domain** dropdown list, select the address of your landing page.
2. Optionally, if you want to add a part to the address after the domain, in **Nice URL** provide this part, for example, `black-friday` (don't use a slash, it is added automatically).
3. In **URL for redirecting users when the landing expires (optional)**, enter the URL to which you will redirect users after the landing page expires.
4. Optionally, in **Fallback URL**, enter the URL to which users will be redirected if your landing page is unavailable due to errors (for example, when it can't be rendered due to Jinjava syntax error). If you leave this field empty, users will be redirected to a generic error page.
4. In **URL preview**, you are provided with a final link to your landing page. The preview is in real time, so if you fill a domain or URL, you get the preview of the address simultaneously.
5. Confirm the settings by clicking **Apply**.

### Adjust optional settings
---
1. In the **HTTP headers** section, you can add custom HTTP headers to your landing page. In the **Key** and **Value** fields, enter a header and its value, respectively.
2. In the **Customize** section:
    - you can add CSS and scripts to your landing page 
    - you can define the URLs to external sources or paste the snippets
    - in the JS section under the **Advanced options** option, to enable additional tracking on your landing page, you can paste the [tracking code](/developers/web/installation-and-configuration#adding-the-tracking-code-to-your-site).

### Save your campaign
---
1. After you make changes to the campaign, you can check the preview. Click the **Preview** button on the upper right  side.
2. When your landing page is ready you can **Save it as a draft** or directly click **Publish**.

## Create an email campaign
---

In this part of the process, you will create an email campaign with the link to the landing page with personalized listing, automatically filtered to the brand you specified while [building prediction](/use-cases/landing-page-personalized-listing#prerequisites). The campaign will be directed to all customers with high propensity to buy items from that brand. 

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 campaign > Create new**.
2. In the **Audience** section, choose the **New audience**. 
3. Define the conditions:
    1. Choose event `snr.propensity.score`.
    2. As the parameter, choose **modelId**.
    3. As the operator, choose **Equal**.
    4. In the text field, enter the ID of the prediction you created as a part of [prerequisites](/use-cases/propensity-brand).
    5. Click **+ where**.
    6. From the dropdown list, select **source_label**.  
    7. As the operator, choose **Equal**.  
    8. Depending on the scale selected in the prediction, please enter the highest possible value that can be achieved here. In our case, in the text field, enter `high`. 
        <figure>
        <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/snr.lookalike.score_segmentation.png" alt="The conditions for the audience of the email" class="full">
        <figcaption> The conditions for the audience of the email </figcaption>
        </figure>

    4. Apply and save your changes.
3. Configure the **Content** section.
3. Choose the email account from which you want to send your message.
2. In the **Subject** field, enter your message subject.
2. Click **Create message**.  
   You can create a template out of scratch or use the ready-made templates in the **Predefined dynamic templates** and **Predefined simple templates** folders. 
   
    
   <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">

   An email template must contain a link to the landing page with brand filter passed in the link. Based on the personalized listing on our predefined template, the link would look in the following way: `https://your.landingpage.com/black-friday?brand=xyz`.

   </br></br>To ensure that the landing page content is personalized and rendered specifically for the customer who is being redirected, you must also pass the UUID of the customer in the link. This can be done by adding `snrs_cl` parameter in the URL in the following ways:
    - by adding manually the Jinjava insert that retrieves UUID to the link, for example: `https://your.landingpage.com?snrs_cl={{customer.uuid}}`
    - by inserting the link using `{% preparelink %}YOUR_LANDING_PAGE_URL{% endpreparelink %}` tags which automatically adds the `snrs_cl` parameter to the link. 

   Taking the above into consideration, the final link that must be embedded in email template will look in the following way: `{% preparelink %}https://your.landingpage.com/black-friday?brand=xyz{% endpreparelink %}`.
   </br></br>You can read more about customer context in landing pages in ["Establishing customer context" section](/docs/campaign/landing-page/creating-landing-page).

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


4. After finishing email template, click **Use in communication**.  
5. In the **Content** section, to confirm the settings, click **Apply**
4. In the **Schedule** section, specify the time when you want to send your communication.
4. You can optionally define **UTM & URL parameters**.
4. To send the email, click **Send**.

 <figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/em-temp2.png" alt="The view of the Schedule tab"  class="full">
    <figcaption>Example of email template</figcaption>
    </figure> 

## Check the use case set up on the Synerise Demo workspace
---
You can check the configuration of the [landing page](https://app.synerise.com/campaigns/landing-pages/create/d2fffb37-e736-4ef2-acd7-e80c23516b01:2024-11-13T11:06:52.595559351) with personalized product listing directly in Synerise Demo workspace.

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 
---
- [Email communication](/docs/campaign/e-mail/creating-email-campaigns)
- [Jinjava inserts](/developers/inserts)
- [Landing page](/docs/campaign/landing-page)


