The "Promotions" page allows customers to browse all store promotions, easily find applicable discounts, and subscribe to upcoming campaigns. When a promotion starts, the system automatically sends a push notification to customers, effectively boosting conversion rates.
You can customize the promotions displayed on the Featured Promotions page, including the promotional banner, labels, and display order.
⚠️ Before you start: For Hong Kong merchants, this feature is available only on the Shopper App Pro plan.
This article will cover the following:
1. Create a Featured Promotions page
Step 1
Go to SHOPLINE Admin > [Shopper App Management] > [App Design], select the "Featured Promotions" tab, and click Set Up.
Step 2
Click Promotion in the left element panel, and follow the instructions below to complete the setup.
i. Promotion settings
Click Select a campaign, select the promotions you want to display in the pop-up window, and click Confirm. The following promotion types are supported: Promotions, Free Shipping, Bundle Promotions, and Reward Campaign.
*Note:
- The Featured Promotions page categorizes promotions into two tabs based on their start time: "In Progress" and "Coming Soon".
- Promotions that have been removed, expired, or deleted will not be displayed.
ii. Promotion banner settings
Click add an image to upload the banner. Recommended image size: 1053px × 1053px. Only PNG/JPG/JPEG/GIF formats are supported, and the image size should not exceed 2MB.
iii. Promotion label settings
The promotion tag will be displayed in the upper-left corner of the promotion banner. You can customize it based on your needs.
*Note: The page header and button will automatically apply the color set under [Theme Settings] > [Color Settings] > [Button].
Step 3
Click "Featured Promotions" in the left element panel and set the display order of promotions. You can choose from the following sorting options:
- Default sorting: Ongoing promotions are sorted by start time from latest to earliest, while upcoming promotions are sorted by start time from earliest to latest.
- Custom sorting: Drag and drop promotions in the left element panel to arrange the display order.
*Note: Custom sorting is supported only in Shopper App v1.21 and later. If your app has not been updated, promotions will be displayed in the default sorting.
Step 4
Click Update and use in the top-right corner.
2. Set display elements
Go to SHOPLINE Admin > [Shopper App Management] > [App Design] > [Current Template]. Click Set up to enter the app editor page. The following 3 elements support the "Featured Promotions" page configuration, which you can set up as needed.
*Note: If your Shopper App platform version is below 1.13, the "Featured Promotions" tab will not appear in the app's Sidebar Navigation or Main Tab. The Bottom Navigation will instead redirect to the store homepage.
i. Main Tab
Add a custom tab, and select the "Featured Promotions" redirect page.
ii. Sidebar Navigation
- Top Section
- Middle Section: Add a custom group, enable the "Redirect link" and select "Featured Promotions".
iii. Bottom Navigation
iv. Member Center
Add a "Slidable Banner" element and select the "Featured Promotions" jump link.
3. Promotions subscription feature
To allow customers to subscribe to campaigns on the "Promotions" page, please go to SHOPLINE Admin > [Shopper App Management] > [App Notification Settings], click Personal Message > Promotions tab, and enable the "Promotion Start Notification".
If this notification is not enabled, the "Subscribe" and "My Subscriptions" buttons will not appear in the app.
*Notes:
- If the customer's device has not enabled system notifications: Clicking Subscribe will trigger a pop-up reminding customers to enable notifications.
- If the customer has not enabled the "Event Push" under [Setting] > [Push Settings] in the app, clicking Subscribe will automatically enable the event push and successfully subscribe to the campaign.
Comments