Create a Label
Create an image label
Steps to manage
- From the app admin page, click Badges and Labels
- Click Create new badge/label button > Select Label type > Create
- In the Label configuration, select settings to design your own label
- Select products to show the label. Please view this guide for more detail
- Click Save to update the changes
The screenshots below shows you how the label looks like on the front store.
The label configuration includes the below sections.
(1) Click Active/Draft button to control the status of the label. if the label is active, it shows up on the front store.
(2) Label name: Enter the label name in the Name field. Only the admin can view this name
(3) Label Selection – Type
- There are 2 types of label selection: Image and Text > click Select Image button
- You can also upload your own image here to use as a label
- Delete or change the image if you want
(4) Visibility date: Select the data range the label is shown on your front store. Leave the date field blank if you don’t need it.
(5) Design – Position
- Change the position of the badge on the product page by selecting one of the options
- Or click The icon (+) to customize the position on the front store based on your desire
(6) Size: select one of the options small, medium, large or customize it by yourself
(7) Margin top and Margin bottom: Enter the margin number to place the label at the position you want.
(8) Animation: change the effect show the label shows up on your front store
(9) Size on Tablets: change the size of label on the tablets
(10) Size on Mobiles: change the size of label on the mobile view
If you don’t want to change the size on tablets or mobiles, just leave the fields blank.
Create a text label
Steps to manage
- From the app admin page, click Badges and Labels
- Click Create new badge/label button > Select Label type > Create
- In the Label configuration, select settings to design your own label
- Select products to show the label. Please view this guide for more detail
- Click Save to update the changes
The screenshots below shows you how the label looks like on the front store.
The label configuration includes the below sections.
(1) Click Active/Draft button to decide the status of the label
(2) Label name: Enter the label name in the Name field. Only admin can view this name
(3) Label Selection – Type: There are 2 types of label selection: Image and Text > select Text. Enter the Content: Use variant and text entered here to create your label
For example: New {product_type}
(4) Visibility date: Select the data range the label is shown on your front store. Leave the date field blank if you don’t need it.
(5) Design – Shape: select one of the options in the Shape dropdown to design the label
(6) Position
- Change the position of the badge on the product page by selecting the option
- Or click The icon (+) to customize the position on the front store based on your desire
(7) Size: select one of the options small, medium, large or customize it by yourself
(8) Margin top and Margin bottom: Enter the margin number to place the label at the position you want
(9) Animation: change the effect show the label shows up on your front store
(10) Text – Font Style:
- Click Change button to select the font you want to use
- Or tick the checkbox Use Custom Font Style to customize your own font
- Style the Border, Background, and Color of the label here
(11) Size on Tablets: change the size of the label on the tablets
(12) Size on Mobiles: change the size of the label on the mobile view
Note: If you don’t want to change the size on tablets or mobiles, just leave the fields blank
Need support?
If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address support@samita.io
We are always willing to help with all sincerity!