Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from this space and version 2.3

This example shows you how to create a simple banner placement for replacing an image on a website. The that is valid for all pages on the site. The placement is for a small banner logo showing the Frosmo logo on all pageshero banner at the top of the page header. The example therefore assumes a common header element with the ID header on each page. Your site likely has a different page architecture, so use whatever element best fits a hero banner.

For more information about placement settings and how to manage placements, see Placements.


  1. In the Frosmo Control Panel, select Modifications > Placements.
  2. Click Create placement.
  3. Define the following settings:

    • Name: Enter a descriptive name, such as "Logo BannerSite banner - All pages before content".
    • Target element: As the target element, select Select CSS selector, and enter the value #header_logo. This means that the placement is used for all elements on the page with the ID header_logo.
    • Display method: Select Replace element.
  4. Click Save.

    Image Removed

    • "#header" as the selector name.
    • Display method: Select Before content.
    • Preview URL: Enter a valid absolute URL for the page on the site on which you want to preview the modification.

    The target element and display method together place the modification as the first piece of content within the header element.

    Creating a placementImage Added
  5. Click Save.

You have created the placement. You can now assign modifications to this placement.

For more information about placement settings, see Creating placements. For more information about how to use the placement for in a modification, see Creating your first modification.