Creating sales pop on online store

In this article :

1. Introduction
2. Install & setup Sales Pop app
3. 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