Ribbons are colored horizontal labels that appear on the product details page and on the product image in the product grid in your online store. Adding ribbons to products in your Lightspeed eCom (E-Series) online store helps highlight important information and make items stand out.

Adding ribbons to products in eCom

After you add a ribbon to a product, it is displayed over the main product image in the product grid in your store and under the price field on the product details page.

Ribbons replace the “On sale” tags displayed for discounted products and the "Pre-order" tags displayed for products available for pre-ordering in your eCom catalog. If the product becomes out of stock, the "Sold Out" tag will appear on the product page instead of your ribbon.

To add a ribbon to a product:

1. From your POS, go to Catalog > Products. 
2. Click the pencil icon near the product you want to edit.

3. Switch to the Marketing tab:

   

4. Scroll down to the Ribbon section and click Add a ribbon.
5. In the text field, enter text that will appear on a ribbon field (up to 30 symbols). You can choose from predefined titles or click Add "Your Text" to add a new label.

6. Click the paint bucket icon to select a color for your ribbon. Click the # icon to apply a specific color in the HEX format like #FF5733:

   

7. Click Save.

Deleting product ribbons in eCom

When you no longer need a ribbon, you can delete it from the product.

To remove a product ribbon from a product:

1. From your POS, go to Catalog > Products. 
2. Click the pencil icon near the product you want to edit.
3. Switch to the Marketing tab.

4. Scroll to the Ribbon section and click the trash icon:

   

5. Click Save.

Adding and removing product ribbons in bulk

When you have created at least one ribbon, you can add them to different products in bulk. For example, you can apply the "New" ribbon tag to new arrivals, and add the "Sale" ribbon to discounted products.

To add ribbons to several products at once:

1. From your POS, go to Catalog > Products. 
2. Tick the products you want to add ribbons to. Use the Filter tool at the top of the page to speed up the search.

3. Click Choose an action > Update products > Ribbon > Add or Remove :

   

4. Set ribbon text and color, or remove a ribbon.
5. Click Save to add ribbons or Remove ribbons to delete them.

To manage how ribbons look on product sections on your Instant Site, navigate to Website > Edit Site, click your section in the Homepage Sections list, then go to Design > Ribbon and set ribbon font, color, and visibility.