In-app abandoned cart message

Published February 13, 2023
Modules
Difficulty

In-app messaging feature allows businesses to target customers who have abandoned their shopping carts, encouraging them to complete their purchases. The messaging can be personalized and triggered based on specific actions, such as how long the item has been in the cart or the customer’s browsing history, increasing the chances of conversion. This can help boost revenue and improve the overall customer experience.

This use case describes the process of creating a reminder that a customer did not complete a purchase and sending it through an in-app message. In this case, we assume that the customer added products to cart and hasn’t finalized a purchase in the following hour.

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

The in-app message view

Prerequisites


Process


In this use case, you will go through the following steps:

  1. Create an aggregate with abandoned products.
  2. Create an in-ap message with abandoned cart using the predefined template.

Create an aggregate


In this step, create an aggregate that will be used to display products in your in-app message.

  1. Go to Analytics icon Analytics > Aggregates > Create aggregate.
  2. As the aggregate type, select Profile.
  3. Enter the name of the aggregate.
  4. Click Analyze profiles by and select Last.
  5. From the Choose event dropdown list, select the cart.status event.
  6. As the event parameter, select products.
  7. Set the period from which the aggregate will analyze the results to Lifetime.
  8. Save the aggregate.
The view of the configuration of the aggregate
Configuration of the aggregate

Create an in-app message


In this part of the process, you create an in-app campaign triggered by the session.start event for customers who haven’t made a transaction within an hour from adding the product to cart. We will use a predefined template for the message about abandoned cart, so there is no need to create a template from scratch.

  1. Go to Communication icon Communication > In-app messages> Create in-app.
  2. Enter the name of the in-app.

Define the audience


As the first step, define the target group of customers for the in-app message. In this case, the group will consist of the customers who abandoned their cart within an hour from adding the product to cart.

  1. In the Audience section, click Define.

  2. Click New Audience and then Define conditions.

  3. Click Add condition, from the dropdown list, select the product.addToCart event.

  4. Click the calendar in the right bottom of the page.

    1. In the Relative date range section define the period from which the segmentation will return the customers. In this case, choose Today.
    2. Click Apply.
  5. Click Add condition, from the dropdown list, select the product.addToCart event.

  6. Click and then…, from the dropdown list, select the transaction.charge event.

  7. Change Performed to Not performed.

  8. Click the calendar in the right bottom of the page.

    1. In the Relative date range section define the period from which the segmentation will return the customers. In this case, choose Today.
    2. Click Apply.
  9. Click the clock next to the calendar.

    1. Type 1 and from the dropdown list, select Hours.
    The view of the In-app Audience configuration
    In-app Audience configuration
  10. Click Apply.

  11. To save the audience, click Apply.

Define content


In this part of the process, you will create the content of the in-app message that will appear in the mobile application with the help of ready-made template.

  1. In the Content section, click Define.
  2. Click Create message and from the list of template folders, select Predefined templates.
  3. Select the Abandoned cart template.

Result: You are redirected to the code editor.

Note: You can edit the template in two ways, by editing the code of the template (add inserts, add variables 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.

Edit form in the Config tab


The form in the Config tab is already filled in with default values. You can keep them or change them to fit your business needs. The fields in Config are split into two types: ones for dynamic content (related to Jinja) and ones for in-app appearance. The dynamic content fields must match the values in the catalog and the names of the attributes returned by the recommendations. The appearance fields only affect how the information presents itself in the in-app.

  1. From the Aggregate with products left in the cart drop-down list, select the aggregate you created in the previous step. You can find it by typing its name or ID in the search box.

  2. In the Header text text box, type the header you want to display in the in-app message.

  3. In the Header description text text box, type the header description you want to display in the in-app message.

  4. In the Name of the catalog with product information field, change the default Snrs-produktu-ogTag value to the catalog name with product information. In our case, it’s store-1.

  5. In the Name of the column with image link field, change the default og:image value to the name of the column with image link in your catalog with product information. In our case, the name of the column with image link is image.

  6. In the Name of the column with title field, change the default og:title value to the name of the column with the title in your catalog with product information. In our case, the name of the column with title is name.

  7. In the Name of the column with price field, change the default product:original_price:amount value to the name of the column with original price in your catalog with product information. In our case, the name of the column with original price is price.

  8. In the Name of the column with product link field, change the default og:url value to the name of the column with product link in your catalog with product information. In our case, the name of the column with product link is productUrl.

  9. Define the colors for the following fields: Wrapper background, Header background, Header text, Header description text, Close icon background and Close icon to your needs.

  10. After you make changes to the template, you can check the preview.

    1. Click the Preview button on the upper left side.
    2. Enter the ID of a customer.
      Important: Select a customer who has the product.AddtoCart event in their activity list in the Profile module
    3. Click Apply.
      Important: Considering that the in-app is very interactive, the preview in the platform may not be enough to test the in-app performance. Thatโ€™s why we suggest checking the preview directly in the mobile app.
    The view of the In-app preview
    In-app preview
  11. If the template is ready, in the upper right corner click Save this template > Save as.

  12. 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 Apply.
  13. To continue the process of configuring the in-app campaign, click Next.

  14. To save your content changes, click Apply.

Select events that trigger the in-app message display


In this part of the process, you will define the event triggering the display of the in-app message.

  1. In the Trigger events section, click Define.
  2. Select Add event and from the dropdown list, choose session.start event.
  3. Click the + where button and select mobile.
  4. As the logical operator, select Exists.
  5. Click Apply.
The view of in-app trigger event configuration
In-app trigger event configuration

Schedule the message and configure display settings


As the final part of the process, you will set the display settings of the in-app message such as schedule, capping, priority of the message among other in-app messages.

  1. In the Schedule section, click Define and set the time when the message will be active.

  2. In the Display Settings section, click Change.

  3. Define the Delay display, Priority index and enable the Frequency limit toggle to manage the frequency of in-app message display in the application.
    In our case, we want to display the message to the customer a maximum of 1 time in period of 7 days.

    Note: You can additionally enable the Capping limit toggle to limit the amount of time the in-app message can be displayed to a user in general.
  4. Click Apply.

    The view of in-app schedule and display configuration
    In-app schedule and display configuration
  5. Optionally, you can define the UTM parameters and additional parameters for your in-app campaign.

  6. Click Activate.

Check the use case set up on the Synerise Demo workspace


You can check the Aggregate and In-app message configuration directly in Synerise Demo workspace.

If you don’t have access to the Synerise Demo workspace, please leave your contact details in this form, and our representative will contact you shortly.

Read more


๐Ÿ˜•

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.

Close modal icon Placeholder alt for modal to satisfy link checker