Placements are elements of a web page used by Nosto to display Onsite Product Recommendations or Onsite Content Personalization campaigns.
Nosto can use existing elements of a web page to inject its product recommendations or content personalization campaigns, or to add entirely new elements upon page load, making it easy & flexible for retailers to create personalized shopping experiences.
To find the list of Placements available on your account, you can navigate to Tools and Placements:
When Nosto is installed via one of our official extensions such as Magento, Shopify and Shopify Plus, Prestashop and Shopware, placements are automatically injected in all page types and they are de-facto listed in the Placements view.
On the Placement listing view, you can find the list of all the placements created, if they have been viewed onsite, their type, the page type where they are injected, their div identifier, and their status.
Nosto offers two types of placement: Static and Dynamic.
- Static placements
A static placement refers to a div tag hardcoded to a page template. All static placements have nosto_element as a class name and their identifier must be unique.
You can always select a placement in the list and edit it.
Through the placement edit page, you can amend the settings of any placement. Examples include:
- Change the title of a placement. This is recommended to give explicit titles to reflect the campaigns that will be displayed using the placement.
- Enable or disable the placement. If a placement is disabled, it cannot be used to display an Onsite Product Recommendation slot or an Onsite Content Personalization campaign. However, the slot or campaign can be visible using the Nosto Debug Toolbar.
- Change the page type where the placement is used. If you change the page type of a particular placement, we recommend that you also reposition the div tag to the relevant page type template so that it reflects the change applied in your Nosto interface.
- Modify the placement type. Two scenarios:
- You can keep the placement “static” but modify its unique identifier. If you do so, make sure that you also modify the identifier within your page template to match the newly defined identifier.
- Alternatively, you can change the placement type to be “dynamic”. Dynamic in this context means that you have flexibility to reposition the placement wherever you want on the page, using CSS selectors, URL rules and jQuery functions. This works even if the placement is hardcoded as part of the page template.
- Dynamic placements
If you want to reposition an existing static placement, you can change it to be dynamic. However, Nosto also supports 100% dynamic placements.
You can use Nosto to add entirely new elements to a page without hardcoding actual div tags as part of the page template. Instead, you can entirely rely on jQuery dynamic injections to surface placements.
Let's take a closer look at the different options offered for the dynamic injections:
- Div ID refers to the identifier of the div tag.
- CSS selector can be defined to target an existing element on a web page.
- URL Rule(s) can be applied to restrict the manipulation to occur only on a given page or pages.
- jQuery methods to manipulate the targeted element. Nosto offers the following methods: replace, append, prepend and insert into.