Placement of Recommendations on the Webpage

Placement setting is required for recommendation blocks created in Yespo account.

  1. Go to Placements, click New placement and select the page type.
  1. Enter the title. For convenience, use the page type and where on the page the recommendation will be placed.
  1. Use a CSS selector to specify the element you want to add a placement to.
  • Go to the page where the recommendation will be placed and click F12 to open the console. You can also open the console by right-clicking on the page and clicking Inspect.
  • Activate Select an element in the page to inspect it by clicking it.
Browser DevTools Elements panel with the Select an element to inspect icon circled in red
  • Click the element relative to which the recommendation will be placed (before, after, inside the element).
Website with DevTools open, a promotional block outlined in red on the page and highlighted in the Elements panel
  • Right-click the selected element and click Copy → Copy selector.
DevTools right-click context menu with the Copy submenu open and Copy selector option circled in red
  1. Paste the copied CSS selector in the input field above.
  1. Select where the recommendation will be placed relative to the selected element and click Done.


Did this page help you?