Personalized products on landing page

Synerise allows you to prepare a dedicated landing page containing a personalized offer of recommended products. You can send it via email or webpush to people who were on the site but did not buy anything or didn’t even add anything to their cart. This will allow you to attract their attention again after leaving the site. Also you can add additional tab in the menu, like Chosen for you, which will redirect to such landing page with offer suited for particular user.

Example of use - Home appliances industry

Our client wanted to activate customers, who left an e-store but did not add anything to the shopping cart. They used automation to send an email message directing to the landing page with personalized recommendations after a customer had finished the session.

Screenshot presenting personalized landing page
Landing Page

Results

  • OR 25,2%,
  • CTR 21,8%,
  • Conversion 5,13%.

Requirements

To be able to implement this use case, you must:

How to do it


Create a landing page with personalized products, perform the steps in the following order:

  1. Prepare a subpage.
  2. Prepare AI Recommendation.
  3. Prepare Dynamic Content.

Prepare a subpage


Prepare an empty page within the website of your ecommerce store, for example, www.yourdomain/recommended-for-you, which will contain only header and footer โ€“ the rest will be added by Dynamic Content.

Prepare AI Recommendation


  1. Go to Recommendation > AI recommendations v2 and click Create Recommendation.
  2. Choose personalised recommendation type.
  3. Select how many products the user should get โ€“ as it is a landing page, you can show them way more products than by email or a typical recommendation frame.
  4. Add additional filters if needed.
`Screenshot presenting AI campaign`
AI recommendation

Prepare Dynamic Content


You can use Dynamic content to insert recommendations on the landing page.

  1. Choose Insert Object type.

  2. Select everyone in the Audience.

  3. In Content select Simple message, and specify the CSS selector where you want to insert recommendations.

  4. In the Content tab, click Create Message, insert Jinjava code with AI recommendation and add your own CSS. Letโ€™s look at how to prepare the appropriate the jijnava code.

    Check the jinja code

       <!-- Downloading the AI campaign --> 
       {% recommendations2 campaignId=cg3HBgRC5P2h %} 
       {% for p in recommended_products2 %} 
       <li data-snr-ai-product-id="{{p.productRetailerPartNo}}"> 
       <a class="snrs-AI--item-link" href="{{p.link}}" title="{{p.title}}"> 
       <img src="{{ p.imageLink }}" class="products-slider__item-image snrAI-product-image snrAI-product-image-{{p.productRetailerPartNo}}" width="90" alt="{{p.title}}" id="snrAI-image-{{p.productRetailerPartNo}}"> 
       <h3 class="snrs-AI-product--product-name"> 
       <span class="snrs-AI-product--name-first">{{p.title}}</span> 
       </h3> 
       </a> 
       </li> 
        {% endfor %} {% endrecommendations2 %} 
    
        

  5. Schedule when dynamic content is active.

  6. In Display settings, specify that Dynamic contet has to be shown Always, On landing, or on a specific URL.

`Screenshot presenting display settings`
Display settings

Save the dynamic cotent, and use the ready recommendation in your landing page.

Tip: If you donโ€™t want to use dynamic content, you can retrieve recommendations via API request details.

Read more

This use case belongs to the following categories:

Challenges:

Features:

๐Ÿ˜•

We are sorry to hear that

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

๐Ÿ˜‰

Awesome!

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.