Adding product ribbons

Adding product ribbons


Add eye-catching ribbons to your products to draw customers' attention and increase sales. These could be "Bestseller", "New" or other ones. At SiteCliq, you can add up to 5 ribbons to each product.

Adding a new ribbon to the product

1. Open the site's Settings and navigate to the Your store tab:

2. Select a product for which you'd like to add ribbons. Click on the three dots near it and select Edit:

3. In the opened General tab, scroll down and press on the blank field either to opt for one of our default ribbons or add your own ribbon:

4. To change the ribbon’s color, press on the gear and choose the desired one:

5. Click Save to make all changes live:



Customizing ribbon's layout

1. You can also change the ribbon’s layout by pressing on the Customize layout button:

2. In the opened window choose the type, position and visibility of SKU (Stock Keeping Unit):


Note: all these settings will affect all the products in your store.

Once you've added the ribbons, they will be displayed on the product cards in the Product, Storefront blocks and Product element, as well as on the Product page.


If you want a ribbon to be displayed on the Product page, make sure you've ticked the checkbox Ribbon in the product details settings. Take a look at the following article to find out how to change the design of the product page.



Important: for ribbons to be displayed on the live site, previously created sites must be republished.

This is how the ribbons will look on the published website:


Deleting a Ribbon

1. To delete the ribbon, select an existing product and click on the X mark:

2. Save the changes.

Note: currently, you cannot delete the ribbons globally.



    • Related Articles

    • Adding Product Videos

      One short video can showcase the product better than hundreds of words. You can link Youtube videos to the products in online store on SiteCliq. Important: The online store is available for Pro sites only. Adding product videos Tip: YouTube Shorts ...

    • Adding a Product Card Element

      If you are looking for a way to fit in a product to an existing block organically, try adding a product card as a separate element. It’s possible to do so in almost all the blocks in the editor, plus it allows certain flexibility in terms of the ...

    • Adding a Button to Buy a Product

      You can add the "Go To Pay" action to any button, what will allow your customers to buy the product in "1 click". After clicking on the button, a shopping cart will automatically open. After filling in all the relevant information, a customer will be ...

    • Creating Product Categories in the Online Store

      You can organize your products into categories in the online store. The categories can be used to automatically showcase your products in the storefront block. Important: 200 is the maximum number of categories that can be added to the online store. ...

    • Your Store settings

      Apart from the product and category page settings, there are global store settings that let you control the store currency, price format, visibility in search etc. This article will guide you through the available store settings. General settings 1. ...