Wix Stores: Managing Ribbons

Important:

We're in the process of releasing a brand-new product creation page. If the first field you see is ' Images and videos', you have the previous version and should follow these instructions on managing product ribbons.

Whether it's sale items, new products, or unique offers, you can draw attention to products by adding a ribbon.

To save time, you can apply a ribbon to multiple products at once, and update or remove ribbons in bulk whenever you need to.

Creating and managing ribbons for a single product

Create a new ribbon for a product, or choose a ribbon you already created. You can edit the ribbon text or remove it at any time.

To add or manage a ribbon to a single product:

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. Choose what you want to do:

Update ribbon text

To change the text for a single product, simply enter the new text. This creates a new ribbon which is saved in your ribbon list and can be applied to other products.

Apply a ribbon to multiple products

You can add the same ribbon to multiple products, either by creating a new ribbon or choosing one you've used before.

Note:

When you apply a ribbon to a product that already has one, the new ribbon replaces the previous ribbon.

To apply ribbons for multiple products:

1. Go to Store Products in your site's dashboard.

2. Select the products you want to update:

   • All products: Select the checkbox at the top left.

   • Individual products: Select the checkbox next to the relevant products.

   • Category: Click Filter, select 1 or more categories, and select all products.

3. Click More Actions then select Edit ribbon.

4. Choose what you want to do next:

   • Apply an existing ribbon: Select the ribbon and click Save.

   • Create and apply a new ribbon:

     1. Click + New Ribbon.

     2. Enter the ribbon name.

     3. Click the Checkmark icon

        

        .

     4. Click Save.

Editing or removing ribbons from multiple products

If you edit an existing ribbon’s text, it updates wherever that ribbon is applied. You can also remove a ribbon completely from your site.

To edit or remove a ribbon for all products:

1. Go to Store Products in your site's dashboard.

2. Select any product.

3. Click Manage next to Ribbon.

4. Choose what you want to do next:

Remove a ribbon from all products

Clicking delete removes the ribbon from all products and removes it from your bank of existing ribbons.

Showing or hiding ribbons on your site

If you want ribbons to display on your site, you need to make sure the option is enabled in your editor. It's possible to display ribbons on the following elements:

• Category page

• Grid galleries

• Slider galleries

• Product widget

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 show or hide ribbons:

1. Go to your editor.

2. Select the relevant product element.

3. Click Settings or the Settings icon

   

   .

4. Click the Settings tab.

5. Select or deselect the checkbox next to Ribbons to show or hide them.

Customizing ribbons on your site

You decide where and how ribbons appear, including their layout, shape, colors, and font.

To customize ribbon design:

1. Click the relevant element in your editor.

2. Click Settings or the Settings icon

   

   .

3. Click the Layout tab.

4. Scroll down and click Ribbons.

5. Choose where you want to place the ribbon:

   • On Image: Ribbon appears over the product image. Use sliders to position it.

   • 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.

FAQs