Add a product recommendation block

Written by Julie Trenque

Updated on 02/28/2024

1 min

Intermediate

Was this content useful?

In this article, you will learn how to:

  1. Add a recommendation block
  2. Edit your recommendation block
  3. Position your recommendation block

Add a recommendation block

Click on Add element (first item of the left menu) or on the plus icon appearing at the right of each element listed in the element list (when Design left menu item is selected).

In the list, unfold the Product recommendation section and click on Reco block.

It opens a new panel from where you can edit your block.

Edit your recommendation block

Click on the Content section on the left to choose the type of product recommendation you want to add to your widget: Similar Products & Frequently Bought Together; Novelties; Regular Purchase…

You can further customize the appearance and behavior of the block with additional settings such as selecting a background color for your block, adding a background image, defining the border properties, applying a shadow effect, adding custom CSS or predefined classes to style the block, or setting up animation effects.

Position your recommendation block

By default, your block is not positioned in your widget but you can position it wherever you want.

You can specify the position of the block on your page by setting the X (horizontal) and Y (vertical) coordinates, as well as its width (W) and height (H). Use pixels (px) as units of measurement for precise placement.

  • In this article :