Pages

You can use Frosmo Preview to preview and troubleshoot how the Frosmo Platform is working on your site. You can also view detailed information about your current visitor session and about your site.

Before you proceed, make sure you're familiar with the following getting started topics:

Let's walk through a few common uses cases:

For additional uses case documentation, see Further use cases.

Previewing a modification

You can preview how a modification looks and behaves in different placements on a page. You can preview both active and inactive modifications.

You can use previewing to, for example:

  • Test how a modification you've just created, but haven't yet activated, actually looks on the page.
  • Try out how an existing modification works in placements other than the one to which the modification is currently assigned.

To preview a modification:

  1. Go to your site, and navigate to the page where you want to preview the modification.
  2. Launch Frosmo Preview.
  3. Select Preview.
  4. In the Modification field, select the modification you want to preview. To filter the list of modifications, start typing the ID or name of your modification.

    Selecting the modification you want to preview

  5. In the Variation ID field, select the content variation you want to preview. Variation 999 denotes the comparison group, that is, the original content.

    Selecting the content variation you want to preview

  6. In the Placement field, select the placement in which you want to preview the modification. To filter the list of placements, start typing the ID or name of your placement. Placements marked with a green check mark () are valid for the current page, so select from them.

    Selecting the placement in which you want to preview the modification

  7. Click Preview. The page displays the selected modification variation in the selected placement.

    Previewing the modification

  8. While previewing:
    • To highlight the modification, click Highlight.

      Highlighting the modification

      The browser viewport scrolls to the modification, unless the modification is already inside the viewport, and the modification gets highlighted with an orange border.

      Highlighting the modification

      To remove the highlight, click Preview.

    • To view summary information about the modification and placement, check the Modification and Placement tabs.

      Viewing summary information about the modification and placement

      If you want to view more detailed information about the modification and placement, debug them instead.

    • To end the preview, click Reset. The selected placement reverts to its normal content.

      Cancelling the preview

Debugging a modication

You can debug a modification to:

  • Troubleshoot why the modification is not displaying on a page or otherwise working as you'd expect.
  • View detailed information about the modification and associated components.

To debug a modification:

  1. Go to your site, and navigate to the page where you want to debug the modification.
  2. Launch Frosmo Preview.
  3. Select Debug > Modifications. The view lists all active and inactive modifications defined for the site.

    Debugging modications

  4. Click the Debug button for the modification you want to debug.

    Debugging a modication

    The application displays detailed information about the modification and associated components in the debugging section.

    Debugging a modication

  5. In the debugging section:
    • To highlight the modification, if it's currently displayed, click Highlight.

      Highlighting the modification

      The browser viewport scrolls to the modification, unless the modification is already inside the viewport, and the modification gets highlighted with an orange border.

      Highlighting the modification

      To remove the highlight, click Unhighlight.

    • To find out which basic events the modification has triggered on the current page load, check the modification status. Green means the event has been triggered, while red means the event has not been triggered.

      Checking the modification status

      If the platform cannot display the modification on the current page, the application displays an error message.

      Checking the modification status

    • To view detailed information about the modification or an associated component, select the appropriate tab.

      Viewing detailed information about the modification or an associated component

      If there's an issue with the modification or an associated component, the application displays a warning sign next to the tab label, and next to the specific field that the issue concerns.

      Viewing detailed information about the modification or an associated component

Checking your current segments

To check how you are currently segmented as a visitor on your site:

  1. Launch Frosmo Preview.
  2. Select Visitor. The application displays detailed information about your current visitor session.

    Checking your current segments

  3. In the Segments section, check the listed segments. These are the segments that you are currently in.

    Checking your current segments

Further use cases