Recolize uses CSS selectors to control the positions of the Recolize recommendation widgets. The selectors can be configured in the Recolize tool.

A full list of available selectors can be found here. Below we have highlighted some useful ones.

Selector Description
p:contains(‘Your cart is empty’) Recommendation Widgets are added right after the text “Your cart is empty”.


What are useful CSS selectors for positioning the Recolize recommendation widgets?