Creating sales pop on online store

In this article :

Introduction
Install & setup Sales Pop app
Adjust the Sales Pop size for mobile

1. Introduction

This Sales Pop feature helps to build your customers' product awareness, create a sense of urgency on customers and indirectly, it will increase the up-sell too! It showcase notifications such as :

XXX people are viewing XXX product

Display low stock alert for products that are below certain amount of stocks left (can be done in the app settings)

Customer can click on the Sales Pop notification to bring them to product page

Display customers name who purchased a certain product (Customer's first name will be censored, only display the recent 20 'paid' orders in the past 7 days)

2. Install & setup Sales Pop app

Step 1 : EasyStore Admin > Apps > More Apps > Search Sales Pop > Install this app



Step 2 : You can choose the Sales Pop display position for your website



Step 3 : Select the options for
Low Stock Alert
The display language
Sales Pop frequency

Step 3 : Save

3. Adjust the Sales Pop size for mobile

Step 1 : Go to Channels > Online Store > Edit Source > select theme.scss file

Step 2 : At the code below at the bottom of theme.scss file for smaller SalesPop

@include at-query($max, $small) {
#es-sales_pop__apps #es-sales_pop__apps_wrapper .es-sales_pop-content-wrapper{
font-size: 9px;
min-height: 45px;
#es-sales_pop-img-link{
width: 45px;
height: 45px;
}
}
}

Step 3 : Save

Updated on: 22/02/2024