Placement of Recommendations on the Webpage
Placement setting is required for recommendation blocks created in eSputnik account.
- Go to Placements, click New placement and select the page type.
![](https://files.readme.io/182c63a-Placements.png)
- Enter the title. For convenience, use the page type and where on the page the recommendation will be placed.
![Recommendations (15).png 1027](https://files.readme.io/7a3b6f4-Recommendations_15.png)
- 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.
![Recommendations (16).png 654](https://files.readme.io/e1b2b0a-Recommendations_16.png)
- Click the element relative to which the recommendation will be placed (before, after, inside the element).
![Recommendations (17).png 764](https://files.readme.io/bc01326-Recommendations_17.png)
- Right-click the selected element and click Copy > Copy selector.
![Recommendations (18).png 578](https://files.readme.io/0f38220-Recommendations_18.png)
- Paste the copied CSS selector in the input field above.
![Recommendations (19).png 859](https://files.readme.io/1dc3be0-Recommendations_19.png)
- Select where the recommendation will be placed relative to the selected element and click Done.
![Recommendations (20).png 680](https://files.readme.io/dda03e4-Recommendations_20.png)
- To assign the created placement to the recommendation, go to Recommendations and click the necessary recommendation in the general list. Click Parameters, and select the necessary placement in Placements.
![](https://files.readme.io/0ca20ff-image4.gif)
Updated 6 months ago