Help Center
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix Stores
  4. Managing products and categories
    5. Wix Stores: Managing Product Ribbons

Wix Stores: Managing Product Ribbons

7 min read
Draw attention to products you want to promote by adding a ribbon. 
To make managing ribbons easier, you can apply the same ribbon to multiple products. You can then edit the ribbon text (e.g. change "New" to "Just In!") or remove the ribbon from many products at once.
In this article, learn how to:

Creating a new ribbon

You can create a new ribbon by selecting a product and entering the ribbon text. Next time you go to create or update a product, you can select the ribbon you already created.

To create a new ribbon:

  1. Go to Store Products in your site's dashboard.
  2. Select an existing product or click New Product to add a new one.
  3. Enter the ribbon text (e.g. New Arrival) in the Ribbon field.
  1. Click Save to save the product.
Note:
If ribbons you create don't appear on your site, make sure you haven't hidden ribbons.

Applying ribbons you created to other products

After you created a ribbon, it can be selected to apply it to other products.

To apply the ribbon:

  1. Go to Store Products in your site's dashboard.
  2. Select an existing product or click New Product to add a new one.
  3. Start entering the ribbon text and select the ribbon from the list.
  1. Click Save to save the product.

Editing ribbon text

If you've applied a ribbon to multiple products, you can change the ribbon text for all products at once. 

To edit ribbon text:

  1. Go to Store Products in your site's dashboard.
  2. Select an existing product.
  3. Enter any letter in the Ribbon field and select Manage ribbons.
  1. Edit the ribbon text.
    Note: Changes affect all products with the ribbon.
  2. Click Save.
  3. Click Save to save the product.
Tip:
In the Manage Ribbons window, you can see how many products have the ribbon.

Customizing the ribbon layout and design

To get started, decide where you want to place the ribbon. Next, you can choose the ribbon's shape, colors, and font to get the perfect design.

To customize the design:

  1. Click to select the Product Gallery in your editor.
  2. Click the Settings icon .
  3. Click the Layout tab.
  4. Scroll down and click Ribbon Layout.
  5. Choose where you want to place the ribbon:
    • On Image: Ribbon appears on top of the image. Drag the sliders to position the ribbon.
    • Product Info: Ribbon appears above the product price.
  6. Design the ribbon:
    1. Click the Design tab.
    2. Scroll down and select Ribbons.
    3. Customize the ribbon using the available options. 

Deleting a ribbon

You can remove a ribbon from a single product or from all the products it was applied to. For example, if you added a "Spring Sale" ribbon to 25 products, you can delete that ribbon to remove it from the 25 products at once. 

To delete a ribbon:

  1. Go to Store Products in your site's dashboard.
  2. Select an existing product.
  3. Choose what you want to do next:

Updating ribbons for multiple products at once

You can add a new ribbon to products, remove a ribbon from products, or update the text of a ribbon that already appears on multiple products. 

To make ribbon changes to multiple products:

  1. Go to Store Products in your site's dashboard.
  2. Select the products whose ribbons you want to update:
    • All products: Select the checkbox at the top left.
    • Individual products: Select the checkboxes next to the relevant products.
    • Category: Click Filter and select 1 or more categories.
  3. Click More Actions. 
  4. Select Edit ribbon.
  5. Choose what you want to do next:
Tip:

Hiding ribbons from your live site

You can hide all ribbons from appearing in Product Galleries or in the Category Page. 
Note:
If you've hidden ribbons, new ribbons you create won't appear. Remember to unhide them in your editor if you want to display them.

To hide ribbons:

  1. Go to your editor.
  2. Select the relevant element.
  3. Hide ribbons in the selected element:
    • Category Page: 
      1. Click Settings.
      2. Click the Settings tab.
      3. Deselect the checkbox next to Ribbons. 
    • Product Gallery:
      1. Click the Settings Icon  .
      2. Click the Settings tab.
      3. Deselect the checkbox next to Ribbons.

Did this help?

|
In this article
  • Creating a new ribbon
  • Applying ribbons you created to other products
  • Editing ribbon text
  • Customizing the ribbon layout and design
  • Deleting a ribbon
  • Updating ribbons for multiple products at once
  • Hiding ribbons from your live site

Related content

Wix Stores: Offering Discounts and Coupons
Wix Stores: Designing Your Storefront
Wix Stores: Editing Multiple Products at the Same Time

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched