Present the store's selected categories in a circular or square style in the app, making it easier for customers to view products under each category and boosting purchase conversions.
⚠️ 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. Set up the Featured Categories element
Step 1
Go to SHOPLINE Admin > [Shopper App Management] > [App Design] > [Homepage Design] > [Current Template]. Click Set up to enter the app page editor.
Step 2
Click Add an element and select the "Featured Categories" element. Drag it to the preview area at the center to the location where you can insert the element.
Step 3
Complete the following settings in the right editing area.
i. Image style
-
Circular
-
Square
ii. Image size
-
S
-
M
-
L
iii. Categories per row
You can set between 2 and 8 categories.
iv. Title
Enter the featured categors title, up to 100 characters.
v. Display bytton
Enabled by default. You can edit the button text, with at least one language required and up to 20 characters per language.
vi. Text alignment
Set the title alignment for this element.
vii. Release schedule (optional)
If you have set a release time, the element will be displayed in the app at the specified time.
2. Select product categories
Step 1
Add up to 24 categories in the left panel. You can also enable, disable, or delete the Featured Categories element here.
Step 2
Click Select a product category in the right editing panel.
Step 3
After selecting a product category, click Add an image to customize the display image.
*Note: If no image is added, the system will automatically use a product image from the selected category.
3. App display effect
If the number of categories per row exceeds the screen display limit, customers can scroll horizontally to view them.
*Note: The buttons will use the color you set in [Theme Settings] > [Colors] > [Button].
Comments