1. From the App Dashboard page, there is a notification message like this:

   This message will let you know that the app hasn’t been activated in your theme yet. You need to do this step now!!

   This message will let you know that Samita Product labels is DISABLE. You need to do this step now!!

2. So how to enable the app embed? Look at the message box, there is a button “Active“, kindly click on it:

3. Then you will be redirected to the Theme customize page > App embeds section:
4. Click Save to integrate the app to your theme. If you go back to the app now, the message no longer appears on the App Dashboard page, which means the app is successfully activated in the theme:

Tutorial video

_{How to embed Sami Product Labels app to your theme?}

🚀 Get Started with Product Labels & Badges - Samita

Welcome to Product Labels & Badges by Samita – the ultimate solution to visually enhance your Shopify store, increase product visibility, and boost customer trust through customizable labels, trust badges, highlights, and promotional banners.

Steps to manage

Currently, the app is having the available variables for the text badges or labels :

{product_vendor}
{product_type}
{product_sku}
{inventory}
{sale}
{sale_amount}
{countdown}
{product_variant_count}
{customer_order_total}
{customer_spent_total}

You can check their descriptions more from the modal window of Variables :

For example, it will show the remaining time left when you use the {countdown} variable :

In order to upload your own image as a label to Sami Label app, there are two ways for you to do it.

1. Upload image from your device

2. Upload image by using an image URL

Kindly follow the guidelines to know how.

Upload image using the Import URL setting

1. From the Label settings page, choose Image tab > click “Change” in the image of the Label/Badge.

2. Choose “Select Image” to change the Label/Badge

3. Click the box of “Upload From URL”

4. Add file from URL

5. Click Save to update the changes.

Upload image from your device

1. From the Label settings page, choose Image tab > click “Change” in the image of the Label/Badge.

2. Choose “Select Image” to change the Label/Badge

3. Click on this setting box:

4. Choose an image from your computer/device:

5. Click Save to finish the uploading

You can activate or deactivate the highlight on the front store via this setting in the app.

Step to manage

1. Open the app > click Highlights

2. Tick on the checkbox of the highlight(s)

3. Select one of 2 options Set as draft or Set as active (depending on your choice)

Steps to manage

1. From the app admin page, click Badges and Labels

2. Tick on checkbox before the badge/label you want to duplicate > Click Duplicate selected badge(s)/label(s)

3. Go to the new badge/label detail and configure it

4. Click Save to update the changes

If you do encounter any difficulty while proceeding with these steps, don’t show any hesitation to contact us promptly via the email address

We are always willing to help with all sincerity!

This setting allows users to create the copy highlight in a second. You can duplicate the highlight and then edit the new duplicated one to save time.

Step to manage

1. From the app admin page, click Highlights

2. Tick on the checkbox of the Highlight(s) you want

3. Click More actions button > Duplicate selected Highlight(s) button. The copy Highlight(s) are created immediately in the Highlight list in the app.

Steps to manage

1. From the app admin page, click Badges and Labels

2. Tick on checkbox before the badge/label you want to delete > Click More actions > Delete selected badge(s)/label(s)

This helps you create a copy of the current banner quickly.

1. Open the app > click Banners

2. Tick on the checkbox of the banner(s)

3. Click More actions icon > click Duplicate selected banner(s)

4. A new banner will be created that is the same as the current one. Now you can edit the new banner quickly to complete a new banner

Manage labels/badges

The labels/badges are different slightly in how they appear in a product. To be specific, a label will show up inside the product image, while a badge will appear outside the product image.

• A label:

Steps to manage

• Highlights provide short bulleted lists of the most relevant highlights of your products.

• The highlights you submit should provide customers with easily consumable, quick-to-scan sentence fragments that answer the most common consumer questions or that focus on the most important attributes of the product.

For example, offering additional services like free shipping or extended warranties on certain products will set you apart from other businesses in the same industry.

Currently, the app allows you to set up conditions to show banners on selected product pages.

Steps to manage

1. Open the app > click Banners > open the banner or create a new one

Steps to manage

1. Open the app > click Badges and Labels > open the badge/label you want to edit

2. Click the Settings icon on the left > scroll down to Design > Position > select Custom option

3. Enter the ID/class into the field to change the position of the badge on the page you want

Hide the labels by adding the selector

Step to manage:

We need to add custom code to the pages from PageFly to show the Samita badge/labels. Please follow the steps below to implement it.

Steps to manage

1. In PageFly app, open the page you want to display the Samita badges/labels

2. Click (+) icon on the ledt navigation to add element to the page > select a HTML/Liquid element

3. Drag and drop the HTML/Liquid element to the position you want to place the badges/labels on the page

4. In the HTML/Liquid

Steps to manage

1. From the app admin page, click Badges and Labels > open the label/badge detail you want to edit

2. Click the Settings icon on the left > scroll down to the

This setting allows users to create the copy badge in a second. You can duplicate the badge and then edit the new duplicated one to save time.

Step to manage

1. From the app admin page, click Trust Badges

2. Tick the checkbox of the Trust badge(s) you want.

3. Click on the More actions button -> Click the

You can activate or deactivate on the front store via this setting in the app.

1. From the app admin page, click Trust Badges

2. Tick on the checkbox of the trust badge(s)

3. Select status Set as draft or Set as Active (depending on your choice)

Step to manage

1. Open the app > click Trust Badges

2. Tick the checkbox of the Trust badge(s) you want

To uninstall the app from the theme, you just need to disable the app embeds on your theme.

You can show a label or badge on different products containing same product / variant metafields.

1. Step one : you create your product or variant metafields from your Shopify Settings > Metafields and metaobjects > Add definition:

Then you click on the Copy to clipboard button to paste it inside the namespace.key input at the Step three below :

2. Step two : add values for each Product metafield or Vairant metafield from your Shopify Products tab, then you paste the values inside the corresonding value inputs at the below Step three :

3. Step three : navigate to the Display tab to add the Product metafield or Variant metafield conditions with your recently created namespace.key fields and their values :

⚠️ Ensure the Storefront API access is enabled from Metafields and metaobjects setting.

Click Save then check your label or badge on your website.

Our app provides you the shortcode of the trust badge that allows you to place it at any position you want.

Note: Only use the badge short code when you want to place it in a specific position.

Steps to manage

1. From the app admin page, click Trust Badges > open the trust badge you want

2. In the Display tab > Shortcode section > Copy the Shortcode of the badge

3. Go back to the Shopify admin page > Online stores > Themes > Customize (the theme you want) > open the page template you want

4. Click Add block > find the app block of the Samita Trust badge app > click Add

5. In the block content, paste the shortcode of the trust badge

6. Drag and drop the block of the change the position of the badge on the product

7. Click Save to update the changes in the theme editor

What is a Trust Badge?

Trust badges are symbols displayed on a website to demonstrate to visitors that the business is legitimate and concerned about data security.

Because the trust seal company has agreed to place their badge on your website, customers will know that all the processes taking place are safe and secure.

Some typical types of trust badge on online store

Generally, trust badges used on website can be classified into five types:

1. Security Trust Badges validate that the checkout process on an e-commerce site is secure and that customer credit card information is protected.

2. Payment Trust Badges certify that a business accepts widely used forms of payment, such as Visa, Mastercard, American Express, and PayPal, increasing consumer trust and embodying anti-fraud principles.

3. Guarantee Trust Badges like a “30-day money-back guarantee” icon can be used to allay potential customers’ fears regarding the purchase by providing reassurance and making it easier to turn doubtful visitors into happy customers.

Where to Add Trust Badges on a Website?

Listed below are the most effective parts for adding trust badges to your website:

• Homepage: Displaying a trust badge like third-party validation on your homepage gives a positive first impression to visitors.

• Product Page: Adding a guarantee or shipping trust badges to your product page can be a good motivator and the final push for users to finalize their purchase decisions.

Steps to manage

1. From the app admin page, click Badges and Labels

2. Open the label/badge detail you want to edit

3. Click the Settings icon on the left side > scroll down to Design > Text

4. Click the Change button to select the font you want to use or tick the checkbox Use Custom Font Style to customize your own font

5. Click Save

Check the result on the front store

Our app provides you the shortcode of the Highlight that allows you to place it at any position you want.

Steps to manage

1. Open the app, click Highlights > open the Highlight you want

2. Tick the Product page to show the highlight on all product pages.

3. Click the Display icon on the left > Shortcode section > Copy the Shortcode of the Highligh

4. Go back to the Shopify admin page > Online stores > Themes > Customize (the theme you want) > open the page template you want

5. Click Add section > find the app block of Samita Highlights > click Ad

6. In the block content, paste the shortcode of the Highligh

7. Drag and drop the block the change the position of the badge on the product

8. Click Save to update the changes in the theme editor

You can use the shortcode to display the banner at a specific position.

Step to manage

In the Samita app:

1. Open the app > click Banners > open the banner or create a new one

2. Click the Settings icon on the left sidebar > Banner Configuration > Select A Display Position > Select Custom Placement – Place the bar anywhere on your online store

3. Click the Display icon on the left sidebar > copy the Shortcode of the banner

On the Shopify admin page:

1. From the Shopify admin page, open the page/template you want to add to the banner

2. Paste the Shortcode of the banner

3. Save the changes

4. Check the result on the front store

Step to manage

1. From the app admin page, click Highlights > open the Highlight you want

2. Click the Display icon on the left > Conditions > Click Add another condition

3. Set up the condition as below: Customers – Is Logged In

4. Click Save to update the changes

On the front store, only customers who logged into the customer account can see the highlight on the product page.

You can activate or deactivate the banner on the front store via this setting in the app.

Solution 1:

1. Open the app > click Banners

2. Tick on the checkbox of the banner(s)

3. Click Set as active to activate the banner on the front store. Click Set as draft to deactivate the banner on the front store.

Solution 2:

1. Open the app > click Banners

2. Click on the banner you want to disable.

3. In the banner setting, click on the More options button of the Save button, and choose Set as draft.

Steps to manage

1. From the app admin page, click Badges and Labels > open the label/badge detail you want to edit

2. Click the Settings icon on the left > scroll down to Design > Size

3. Select one of the options S ( small ) , M ( medium ) , L ( large) , or customize it by yourself

4. Click Save to update the changes

Then go to the front store to check the result

You want to customize size of label/badge?

If you want to customize the size of the label/badge, click on Custom and adjust the Width and Height

You can change the size unit to px or %:

• px amount: it is fixed size and the size will be kept the same on all screens

• %: the size of the label/badge will depend on the screen size (recommended)

Customize label/badge size on the mobile

Steps to manage

1. From the app admin page, click Badges and Labels > open the label/badge detail you want to edit

2. Click the Settings icon on the left > scroll down to the Design part > click Show Advanced options

3. Set up the label size for Tablets and Mobiles

1. Click Save

Create a new Highlight

Steps to manage

1. From the app admin page, click Highlights > click on the Create Highlights button

2. In the Title & Description section, enter the text to describe the Highlight [optional]

3. In the Select Highlight sections, click Add Highlight > select the available highlight the app provides or upload your own images, URL to create your custom badge

4. Click here to Custom color, shape for the Highlight [optional]

5. Continue to click Add Content to add as much as badges as you want

6. Configure the style of the Title and Description

7. Click Save

Display Highlights on front store

New feature!

• Sami Product Labels newly releases this “Recommendation Highlights” in order to help you quickly customize a trending highlight for your store

• Click on one highlight you like and start configuring further inside

Steps to manage

1. Open the app > click Badges and Labels > open to the badge/label you want to edit

2. Click the Display icon on the left > Select the condition “Page”. This condition also helps you hide the label on a specific page in your store, and still displays in other pages (Product page, Collection page, Homepage, Cart page or any specific page you want)

3. Please set up the condition like this: Page > is not equal to > choose a page in the dropdown list that you want to hide the label

4. Click Save

5. Check the result on the front store

Note

If the page you want to hide the label is not listed in the dropdown setting, please use the “specific page” option and paste the page URL into the input field as belows:

Steps to manage

1. Open the app > click Highlights

2. Tick on the checkbox of the highlight you want to delete

3. Click More actions button > Delete selected Highlight(s). Then the selected Highlights are removed completely from the list

Create a new banner

Steps to manage

1. Open the app > Choose Banners > Click the Create banners button to start setting up

2. In the Elements sections, click on Group 1 of the banner > click Add content > select one of the content types: Line break, Message, Button, Image

3. For each content type, you can configure the text and color. For example, click on Message to add text to the banner

4. In Banner configuration sections, tick on the checkbox Bar Clickable and Include Close Button [optional]

5. Select A Display Position of the banner on the page with its effect

6. In the Design section, configure the design of the color of the banner bar, text, padding, and the Interval Between Bar Display

7. Click Save

Display the banner on front store

Please view to know more

The color setting is only available for badge/label in text form.

Steps to manage

1. From the app admin page, click Badges and Labels

2. Open the label/badge detail you want to edit

3. In setting tab, you can customize the shape here

4. Scroll down to Design > Color

5. You can change the color of the following parts:

• Background left

• Background right

• Text

• Border

6. Click Save to update the changes

7. Go to the front store to check the result

To help you decorate your store site, Sami Product Labels app has a section which has all the trending label style due to month. You can use the recommended labels to set up one for your store.

Kindly review the below instruction to find the setting and configure.

1. Go to the app > Choose Badges and Labels section > There is a section below the list of created labels and badges:

2. Click on the design you like and set up a label or badge from it:

3. Then start configuring as usual

If you want to design your own image label, you can use this setting:

• Set up name for your label

• Upload an image for the label or you can choose one from the app’s library

• Set up content for the label and style the font text

• After finishing the customization, click “Save and create label” to save your custom label and continue configuring it as a label or badge with more settings inside the app

1. From the app admin page, click “Change” in the image of the Label/Badge
2. Choose “Select Image” to change the Label/Badge
3. Click here to Select the image
4. Click Save to update the changes

Then go to the front store to check the result

Not only show the label due to the product data in the theme, Sami Product Labels app can also show the label due to the location (country) of the customers who access your store site.

To find the setting, please go to the app > Badges and Labels > Set up a label or badge first:

In the Display setting of the label, kindly set up the condition “Country” and choose a country you want to be able to see the label:

Click Save and check the result in your front store.

You can change the position of the product badge/label on the front store based on your need.

Please follow this guide: Change the position of badges/labels on the front store

Specifically, there is one option that helps you customize the position of the badge/label.

• Click The icon (+) to customize the position on the front store based on your desire

– Drag the slide bar to adjust the position of the label/badge

– Click the exchange icon to change to top or bottom alignment

But after the changes the badge/label is not placed at the position you want, or maybe it looks good on the product page but not beautiful on other pages, please don’t hesitate to to contact us at.

Our team will help you adjust it ASAP to make it look nice on your store.

In many cases, the developers will need to get access to your admin page to support you better with the issues you are dealing with. Some stores are set with code so that someone can send the access request. In case you are confused in finding the code, this article will help you.

What is the Collaborator Request Code?

As a store owner, you can share access to your store with another person – a collaborator. There are 2 ways to grant permission to your store:

• Anyone can send you an access request via email where you can approve for.

• Only people who knows your 4-digit code (collaborator access code). We recommend enabling this option as it provides more security to your store.

After you create badges/labels and select products to show but there is none of them appears on the front store with products, please follow the steps below to solve the situation.

Solution 1: Make sure that the app embeds is enabled on your theme.

To show the badge/labels on the front store, firstly please enable app embeds on your theme.

Learn more about App embeds .

1. From the admin app, go to Theme Integration

2. Select a theme to install the app and then click on the Go to Theme editor button

3. In the theme editor, enable the app embed.

4. Click Save to update the changes

Label Group feature allows you to apply 3 to 4 labels in a product and make them align in a vertical/horizontal way. To better understand how to do it, kindly follow this document:

Step to manage:

Create a group of labels

1. From the app dashboard page, go to Label groups section > Create a label group:

2. In the Settings page >

It is possible for users to show the label based on the language of the site.

For example:

Steps to manage

1. Open the app > click Banners

2. Tick on the checkbox of the banner(s)

3. Click on the More actions icon > click Deleted selected banners

Label group condition helps you manage where the label group can be displayed in the front store. There are two options for you to set up condition for the label group.

1. Keep individual label condition: This condition allows you to display label groups based on the individual rules of each label within the group. Depending on the product and the conditions set for each individual label, the label group will display differently.

Example:

• Label A is set up for products X and Y.

• Label B is set up for product C.

• A label group (containing Label A and Label B) is assigned to collection Z, which includes products X, T, and C.

With the above condition applied:

• Product X will display Label A (since it matches Label A’s condition).

• Product C will display Label B (as it meets Label B’s condition).

• Product T does not meet the conditions for either Label A or Label B, but since it’s part of collection Z (which has the label group assigned), it will still show the label group (which includes both Label A and Label B).

2. Set a custom group condition: This setting will override all individual label rules and apply a new condition for the label group. The label group will show for products/collections you configure in this setting:

Choose “any condition” if you have more than 1 condition:

This is the result in the front store when using this condition:

Step to manage

In the Samita app:

1. Open the app > click Banners > open the banner or create a new one

2. Click the Settings icon on the left sidebar > Banner Configuration > Select A Display Position > Select Custom Placement – Place the bar anywhere on your online store

3. Click the Display icon on the left sidebar > Copy the Shortcode of the banner

On the Shopify admin page:

1. From the Shopify admin page, click Online store > Themes > click Customize button of the theme you want to work on

2. Open the page template (Homepage)

3. On the left, click Add section > Apps > select Samita banner

Display the banners on all pages on the site

Steps to manage

Select products to show badges or labels

1. From the app admin page, click Badges and Labels > open the badge or label you want to edit

2. Click the Display icon on the left > Set up a condition to select products.

Steps to create a new trust badge

1. From the app admin page, click Trust Badges > click the Create new trust badges button

2. In the Title & Description section, enter the text to describe the badge [optional]

3. In the Select Badges sections, click Add trust badge> select the available badge the app provides or upload your images or add URL to create your custom trust badges

Change the position of the label on the front store

Steps to manage

Display Highlights on all product pages

Step to manage

1. From the app admin page, click Highlights > open the Highlight you want

Steps to manage

1. Open the app > click Banners > click the Create banner button

2. Click the Settings icon on the left > in the Elements sections, click on Group 1 of the banner > click Add content > Select one of the content types: Line break, Message, Button, Image > Countdown. For example, click Countdown to create Countdown for the banner

3. For each content type, you can adjust time to start and end, the text or color

4. After configuring Group 1, click Add group to add the next step of the banner

5. Click Add content to add content to Group 2 and configure it as you do for Group 1

6. Scroll to Time part > set Time Per Group. For example: The Time Per Group is 5 seconds, which means that each group will show up in 5 seconds on the banner

7. Click Save

Tutorial video