Placement of Recommendations on the Webpage

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

  1. Go to Placements, click New placement and select the page type.
Placements tab highlighted in the Recommendations section with the New placement menu open listing the page types
  1. Enter the title. For convenience, use the page type and where on the page the recommendation will be placed.
New placement with the title entered for the main page placement underlined
  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).
Browser DevTools Elements panel with a promo banner element on the page highlighted and its corresponding HTML element circled
  • Right-click the selected element and click Copy → Copy selector.
Browser DevTools context menu with Copy submenu open and Copy selector option circled
  1. Paste the copied CSS selector in the input field above.
Placement on the website section with the CSS selector pasted in the input field
  1. Select where the recommendation will be placed relative to the selected element and click Done.
Where to add a placement options with After the element selected


Did this page help you?