Adding a Product Card Element

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 layout you get.

Adding a product card element to an existing block

1. Hover over a place in the block where you'd like to add a product card element and click on the "plus":

2. Then, choose the Product element in the list:


Tip: you can star a Product element as your favorite for a quick access according to the instructions in the article Adding elements.

3. Hover over the Product element and click on the "gear" at the top left corner:

4. In the Product layout choose the product you want to display:

5. Once you are done adding products in the editor, make sure to publish the site for the changes to take effect.




    • Related Articles

    • Product Card Settings

      After setting up an online store on your site, you can edit the appearance of the product cards. Important: the online store is available for Pro sites only. Product card settings 1. To access the settings of the card, hover over the Product element ...

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

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

    • Adding a store block

      After you added products in your store, it's time to decide where to display them on the live site. By default, all the products are placed on the store homepage, but you can also add a store block anywhere on the website. We have 3 types of the ...