Versions Compared


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


  1. In the Control Panel, select Modifications > Overview.
  2. Click Create modification.
  3. Enter a descriptive name for the modification, select the modification case, and click Create.

    Creating a React component modification

    The Basic settings view opens.

  4. Select the placement for the modification:
    1. In the Placement section, click Select placement.

      Creating a React component modification

    2. Select the placement you created above.

      Creating a React component modification

    3. Click Save.
  5. Optionally, define the content for the modification:


    You only need to define the content if you want it hosted in the Frosmo Platform. If the content is hosted in a CMS or in the React application, skip this step.

    1. In the Content section, depending on the modification case you selected, either create a new variation or click the name of the existing variation.
    2. Define the content type and content settings for the variation.
    3. When you're done, click Save.
    4. In the Content section, click the quick menu button for the variation, and select Activate.
    5. Optionally, create and activate additional variations for the modification.
  6. Optionally, define any additional settings that are required to implement the display rules for the React component. For example:
    • If you want to target a specific subset of your visitors, define the appropriate audience settings for the modification, such as which segments and target groups see the modification.
    • If you want to limit when the component is displayed, define the appropriate display time settings for the modification.
  7. Activate the modification:
    1. At the bottom of the Basic settings view, click Activate.
    2. To confirm, click Activate.